组件化与模块化的区别

组件化与模块化的区别

组件化：

1. 就是“基础库”或者“基础组件”，意思就是把重复的代码部分提炼出一个个组件供给功能使用
2. 功能相对单一或者独立，在整个系统的代码层次上位于最底层，被其他代码所依赖，所以说组件化是纵向分层
3. 使用场景：是对一些重复代码进行封装在需要的时候调用即可（例如：按钮、输入框、搜索框）
4. 目的：复用、解耦

模块化：

1. 就是“业务框架”或者“业务模块”，将不同的业务进行划分，同一类型的整合在一起，所以功能会相对复杂，但是都属于同一业务
2. 按照项目功能需求划分成不同类型的业务框架（例如：注册、登陆、外卖、直播等）
3. 目的：隔离、分装，模块之间有依赖关系，可以通过路由进行模块直接的耦合问题

区别

组件：

就像一个个小的单位，多个组件可以组合成组件库，方便调用和复用，组件间也可以嵌套，小组件组合成大组件

模块：

就像是独立的功能和项目（如淘宝：注册、登陆、购物、直播等），可以调用组件来组成模块，多个模块可以组合成业务框架

使用组件化和模块化的好处：

• 开发和调用效率高：随着功能越来越多，代码结构会越发复杂、要修改某一个小功能，可能要重新翻阅整个项目的代码，把所有相同的地方都修改一遍，重复劳动浪费时间和人力，效率低；使用组件化，每个相同的功能结构都调用同一个组件，只要修改这个组件，即可全局修改
• 可维护性强：便于后期代码查找和维护
• 避免阻断：模块化是可以独立运行的，如果一个模块产生了bug不会影响其他模块的调用
• 版本管理更容易：如果由多人协作开发，可以避免代码覆盖和冲突

总结

• 其实组件相当于库，把一些能在项目里或者不同类型项中可复用的代码进行工具性的封装。
• 而模块相当于业务逻辑模块，把同一类型项目里的功能逻辑进行需求性封装