第六周的前端培训
Vue的组件化
定义、特性
定义
就是将UI、样式以及其实现的比较完整的功能作为独立的整体，与业务无关。
特性——高内聚，低耦合
组件中包含了完整的结构、样式以及交互逻辑
组件内部封闭，实现逻辑基本固定
目的
减少重复代码，增强代码复用
提高可维护性
提高开发效率
分类
展示型组件和容器型组件
展示型组件：仅需处理数据渲染，无需根据数据进行交互
容器型组件：需要提供给子组件数据，以及部分数据处理逻辑
无状态与有状态
无状态：即组件内部不维护状态，只根据外部传入属性渲染，交互
有状态：同时根据外部传入属性以及自身状态进行渲染，交互
组件化前提
划分粒度
根据业务逻辑和功能区分
复用性
组件关联
最小化
- 复用率最大化
侵入性
- 封闭内部逻辑操作，禁止越界
便捷、兼容
快速接入、快速移除，同时又不影响其他组件的业务处理
充分考虑使用场景，尽可能覆盖所有常用的场景
设计原则
组件通信
事件驱动
provide/inject$parent/$children$root/$refsVuex......
视频
录制文件：https://meeting.tencent.com/v2/cloud-record/share?id=c84e2d64-2823-4649-84b0-38bd59465622&from=3
访问密码：wDAn