首页 > 技术文章 > Vue01:组件化开发

ilbty 2020-04-28 15:46 原文

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、购物车案例

推荐阅读