元件化探讨 （面試題）

• 元件化的Vue的精髓，Vue應用就是由一個個元件構成 Vue的元件化涉及到的内容非常多 當面試時被面試官問到：談一下你對Vue元件化的了解 這時候有可能無從下手 可以從以下幾點進行闡述：

定義：元件是可複用的vue執行個體 準确講他們是VueComponent的執行個體 繼承自Vue

優點：元件化可以增加代碼的複用性 可維護性和可預測性，高内聚 低耦合

使用場景：什麼時候使用元件？以下分類可作為參考：

- 通用元件：實作最基本的功能，具有通用性、複用性，例如按鈕元件、輸入框元件、布局元件等。
	 - 業務元件：它們完成具體業務，具有一定的複用性，例如登入元件、輪播圖元件。
	 - 頁面元件：組織應用各部分獨立内容，需要時在不同頁面元件間切換，例如清單頁、詳情頁元件
           

如何使用元件

定義：Vue.component()，components選項，sfc(單檔案元件)

分類：有狀态元件，functional，abstract

通信：props， e m i t ( ) / emit()/ emit()/on()，provide/inject， c h i l d r e n / children/ children/parent/ r o o t / root/ root/attrs/$listeners

内容分發：，，v-slot

使用及優化：is，keep-alive，異步元件

元件的本質

vue中的元件經曆如下過程

元件配置 => VueComponent執行個體 => render() => Virtual DOM=> DOM

是以元件的本質是産生虛拟DOM