# 1.公用组件的抽离

公用组件的封装分为两类，其一是布局样式公用组件的封装，其二是业务组件的封装。公用组件的封装可以提高整体研发团队的开发效率，避免后续改动带来的更多的工作量，尽量将后续工作控制在一定时间范围内。

公用组件的抽离是组件开发思维的核心基本的思想，不仅仅是将组件化开发停留在嵌套组件上，而是从项目整体出发设计公用组件，为项目研发技术团队提供真正可复用能力，为协同开发提供开发基础，最大化技术团队的研发开发效率。

# 1.1 布局样式组件封装

布局样式组件封装：只关注项目中布局样式上共性点，将具有公共样式的布局提取出来。

项目案例：

类似上图中的布局样式在多个页签中出现时，可将其作为公共布局样式的组件封装起来，让布局样式和业务代码解耦，促使研发人员将更多的精力和时间用在业务代码。

业务组件封装：项目里在功能、交互、样式中有完全相同或相似度在90%以上的页面。

项目案例：

对于在项目上多个页面中会出现相同的页面和功能时我们可以使用将其封装为一个业务组件，提高研发团队的开发效率。