vue中全局的概念是什么?---就是全局定义的功能,所有实例化的vm都可以使用, 全局定义的是挂在构造函数Vue上面的,所以实例化出的对象都可以使用这个功能
1、什么是组件?---从UI的角度把页面拆分成不同的部分,组件的优势:可复用,能够拆分vue实例代码,保证代码的可读性
模块化和前端组件化的区别:一个是从功能上拆分一个是从ui角度去拆分
2、定义vue组件
全局组件定义的3种方式
私有组件的定义
使用的是components来定义私有组件
3、组件中的data
4、组件的切换
上面的v-if 和 v-else 切换有缺陷:只能切换2个,要是3个或以上,就切换不了了
改造:如下
组件切换的动画
5、组件之前的传值问题
正确用法:
注意:props数组里的值都是从父组件里传递过来的,只能是小写,只读不可改
父组件向子组件传递事件---注意传递的是方法不是方法的结果,所以不要小括号
6、复习
7、本地存储案例----评论列表的存和取
8、$refs的使用---this.$refs.xxx 获取dom节点(获取的是dom对象,原生js对象)
9、用render函数渲染组件