什么是组件化：
WEB 中的组件其实就是页面组成的一部分，好比是电脑中的每一个元件（如硬盘、键盘、鼠标），它是一个具有独立的逻辑和功能或界面，同时又能根据规定的接口规则进行相互融合，变成一个完整的应用。页面就是由一个个类似这样的部分组成的，比如导航、列表、弹窗、下拉菜单等。页面只不过是这些组件的容器，组件自由组合形成功能完整的界面，当不需要某个组件，或者想要替换某个组件时，可以随时进行替换和删除，而不影响整个应用的运行。
组件的特性：
1、高内聚性，组件功能必须是完整的，如我要实现下拉菜单功能，那在下拉菜单这个组件中，就把下拉菜单所需要的所有功能全部实现；
2、低耦合性，通俗点说，代码独立不会和项目中的其他代码发生冲突！在实际工程中，我们经常会涉及到团队协作，传统按照业务线去编写代码的方式，就很容易相互冲突，所以运用组件化方式就可大大避免这种冲突的存在。
3、每一个组件都有自己清晰的职责，完整的功能，较低的耦合便于单元测试和重复利用；
前端组件化必要性：
多年以前前端开发者们就一直尝试在组件化的道路上不断探索，从一开始的 YUI、ExtJS 到现在的 Angular Directives、React Components、Vue.js Components、Bootstrap 等，前端的组件化道路从来没有停止过……
组件化的好处：
为什么大家会这种热衷组件化，看下组件化给我们带来的好处，其必要性就不言而喻：
- 提高的开发效率
- 方便重复使用
- 简化调试步骤
- 提升整个项目的可维护性
- 便于协同开发