Vue01：组件化开发

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、作用域插槽

例子：

6、购物车案例