面試題：組件封裝

vue組件封裝

• 組件(Component)是Vue.js最強大的功能之一
• 組件可以擴展HTML元素，封裝可重用代碼
• 組件是可復用的 Vue 實例

 

1. 組件創建：建立組件的模板，先把架子搭起來，寫寫樣式，考慮項目組件的基本邏輯
2. 注冊組件：通過component定義組件名稱； 分為全局注冊+局部注冊：只能在注冊該組件的實例中使用，一處注冊，一處使用
3. 調用組件：在頁面用import引入組件，把組件以標簽的形式寫出

 

 

 

 

數據傳遞（通信）

1，props傳遞數據(父組件 --> 子組件)

2，$emit傳遞方法(父組件 --> 子組件)

3，子組件拋出值（子組件 --> 父組件）

4，獲取子組件的引用

5, slot插槽

 

Vue組件庫大全

https://www.jianshu.com/p/8ca46a6c0d58