談一談對vue組件化的理解？

思路：組件化定義，優點，使用場景和注意事項等方面展開陳述，同時要強調vue中組件化的一些特點。

#####源碼分析1：組件定義
源碼位置：src/core/global-api/assets.js
vue-loader會編譯tempalte為render函數，最終導出的依然是組件配置對象。

#####源碼分析2：組件化優點
lifecycle.js-mountComponent()
組件、Watcher、渲染函數和更新函數之間的關系

#####源碼分析3：組件化實現
構造函數，src/core/global-api/extend.js
實例化及掛載。src/core/vdom/patch.js-createElm()

總結

1.組件時獨立和可復用的代碼組織單元。組件系統時Vue核心特征之一，它使開發者使用小型、獨立和通常可復用的組件構建大型應用
2.組件化開發能大幅提高應用開發效率、測試性、復用性等
3.組件使用按分類有：頁面組件、業務組件、通用組件
4.vue的組件是基于配置的，我們通常編寫的組件是組件配置而非組件，框架后續會生成其構造函數，它們基于VueComponent，擴展于Vue;
5.vue中常見組件化技術有：屬性prop，自定義事件，插槽等，它們主要用于組件通信、擴展等
6.合理的劃分組件，有助于提成應用性能
7.組件應該是高內聚、低耦合的；
8.遵循單向數據流的原則。

總結

以上是生活随笔為你收集整理的[vue][面试]谈一谈对vue组件化的理解？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。