Vue:组件化开发
1、组件化开发思想
1.1、现实中的组件化思想体现
- 标准
- 分治
- 重用
- 组合
1.2、编程中的组件化思想体现
1.3、组件化规范:Web Components
2、组件注册
2.1、全局组件注册语法
2.2、组件用法
2.3、组件注册注意事项
2.4、组件命名方式
2.5、局部组件注册
3.Vue调试工具
3.1、调试工具安装
3.2、调试工具用法
4、组件间数据交互
4.1、父组件向子组件传值
4.2、子组件向父组件传值
注意:
- $event就是传入的value——上面的案例,value是0.1。
4.3、非父子组件间传值
例子:
销毁事件:
5、组件插槽
5.1、组件插槽的作用
5.2、组件插槽基本用法
- 插槽位置
- 插槽内容
- 网页结果
5.3、具名插槽用法
5.4、作用域插槽
例子: