如何深入理解并掌握前端组件化基础知识？

本文共计5890个文字，预计阅读时间需要24分钟。

在这里，我们共同学习前端组件化的知识。组件化是前端架构中至关重要的部分。谈到前端架构，最热门的两个话题便是组件化和架构模式。

这里我们一起来学习前端组件化的知识，而组件化在前端架构里面是最重要的一个部分。

讲到前端架构，其实前端架构中最热门的就有两个话题，一个就是组件化，另一个就是架构模式。组件化的概念是从开始研究如何扩展 HTML 标签开始的，最后延伸出来的一套前端架构体系。而它最重要的作用就是提高前端代码的复用性。

架构模式就是大家特别熟悉的 MVC, MVVM 等设计模式，这个话题主要关心的就是前端跟数据逻辑层之间的交互。

所以说，前端架构当中，组件化可以说是重中之重。在实际工程当中，其实组件化往往会比架构模式要更重要一些。因为组件化直接决定了一个前端团队代码的复用率，而一个好的组件化体系是可以帮助一个前端团队提升他们代码的复用率，从而也提升了团队的整体效率。

因为复用率提高了，大家重复编写的代码量就会降低，效率就会提高，从而团队中的成员的心理和心智负担就会少很多。

所以学习组件化可以是说是非常重要的

这里我们先从了解什么是组件化和一个组件的基本组成部分开始。

组件的基本概念

组件都会区分为模块和对象，组件是与 UI 强相关的，所以某种意义上我们可以认为组件是特殊的模块或者是特殊的对象。