什么是組件化：
WEB 中的組件其實就是頁面組成的一部分，好比是電腦中的每一個元件（如硬盤、鍵盤、鼠標），它是一個具有獨立的邏輯和功能或界面，同時又能根據規定的接口規則進行相互融合，變成一個完整的應用。頁面就是由一個個類似這樣的部分組成的，比如導航、列表、彈窗、下拉菜單等。頁面只不過是這些組件的容器，組件自由組合形成功能完整的界面，當不需要某個組件，或者想要替換某個組件時，可以隨時進行替換和刪除，而不影響整個應用的運行。
組件的特性：
1、高內聚性，組件功能必須是完整的，如我要實現下拉菜單功能，那在下拉菜單這個組件中，就把下拉菜單所需要的所有功能全部實現；
2、低耦合性，通俗點說，代碼獨立不會和項目中的其他代碼發生沖突！在實際工程中，我們經常會涉及到團隊協作，傳統按照業務線去編寫代碼的方式，就很容易相互沖突，所以運用組件化方式就可大大避免這種沖突的存在。
3、每一個組件都有自己清晰的職責，完整的功能，較低的耦合便於單元測試和重復利用；
前端組件化必要性：
多年以前前端開發者們就一直嘗試在組件化的道路上不斷探索，從一開始的 YUI、ExtJS 到現在的 Angular Directives、React Components、Vue.js Components、Bootstrap 等，前端的組件化道路從來沒有停止過……
組件化的好處：
為什么大家會這種熱衷組件化，看下組件化給我們帶來的好處，其必要性就不言而喻：
- 提高的開發效率
- 方便重復使用
- 簡化調試步驟
- 提升整個項目的可維護性
- 便於協同開發