页面布局与组件设计原则

1. 一个页面应该做到合理的组件拆分，避免在一个页面组件中实现所有的样式与逻辑
2. 页面内部的各个业务组件应当尽可能的做到低耦合、高内聚
3. 组件之间的通信与状态管理有清晰的路线
4. 组件应该做到尽可能的复用

什么是低耦合？

低耦合要求在我们的软件系统中，一个元素不应该过度地依赖于其他元素。

耦合度分类：

内容耦合、公共耦合、控制耦合、标记耦合、数据耦合、非直接耦合

为什么追求低耦合？

因为耦合度高的代码改动时容易引起风险。导致系统不能稳定运行

什么是高内聚？

一个软件模块是由相关性很强的代码组成，只负责一项任务，也就是常说的单一责任原则。一个模块只需做好一件事件，不要过分关心其他任务。

高内聚性的好处是可以提高程序的可靠性。

组件复用：

页面A ← 业务组件X → 页面B 一套代码 多处使用

组建的分类与层级：

页面组件：用于整体页面布局与路由跳转

业务组件：使用基础组件组合封装实现页面中特定功能

基础组件：包括基础组件库的组件与自定义组件库