vue可以进行很好的组件化开发。页面每个部分都被抽取成一个个的组件(就像页面布局有很多box一样),这些组件有自己的data、methods。这些组件自己能管理好自己,从而更好服务于整体(不必整体去管理部分)。
组件分类
- 独立组件(在不同项目间可复用,独立性复用性很高,很通用)
- 业务基础组件(在当前项目内很多部分都会用到的组件,项目内通用,脱离项目无用)
- 页面组件(只在当前页面内使用的组件)
组件开发
- 数据:
从父组件接收数据,接收自定义的配置数据,使用prop。
组件内部自己的数据,使用data。 - 事件
组件接收点击事件,并传递给父元素监听,使用$emit。 - 扩展性
组件相当于是一个框架,内部可以自定义放入什么,使用slot。