關於vue元件化的理解

2021-10-03 12:51:54 字數 430 閱讀 2623

元件化是vue的精髓,vue應用就是由乙個個元件構成的。

1.定義

元件是可復用的 vue 例項,準確講它們是vuecomponent的例項,繼承自vue。

2.優點

可以增加**的復用性可維護性可測試性。提高開發效率, 方便重複使用,簡化除錯步驟,提公升整個專案的可維護性,便於協同開發,是高內聚、低耦合**的實踐。

3.使用場景

4.如何使用元件

5.元件的本質

vue中的元件經過如下過程:

元件配置 => vuecomponent例項 => render() => virtual dom => dom
所以元件的本質是產生虛擬dom

Vue元件的理解

template模板和dom同時寫,template模板會覆蓋當前這個dom節點,要有根節點包裹 元件化的優點 1.可以復用,2.降低 的耦合性。src檔案會整個打包成乙個js檔案 模板 編譯 ast 資料 render函式 虛擬dom 真實html 直接寫render函式會減少編譯過程,提高效率,...

Vue元件理解

1 關於元件 元件可以擴充套件html元素,封裝可重用的 註冊全域性元件 vue.component tagname,options 的形式。如 template this is my componentdiv 元件註冊需要在初始化根例項之前進行,即先註冊元件,再初始化vue例項。對元件進行註冊之後...

Vue的元件化

元件化是vue的精髓,vue就是由乙個乙個的元件構成的。vue的元件化設計到的內容又非常多,當在面試時,被問到 談一下你對vue元件化的理解。這時候又有可能無從下手,因此在這裡闡釋一下個人對vue的元件化的理解。一般來說,元件大致可以分為三類 頁面級別的元件。業務上可復用的基礎元件。與業務無關的獨立...