? 目錄總覽: (組件化概念、組件註冊、數據存放、組件數據***享、組件插槽、使用步驟)
1. 組件化開發思想
組件化思想的特點 :標準、分治、復用、組合
2. 組件定義
3. Vue中的組件化開發
4. Vue組件的三個組成部分
每個 .vue 組件都由 3 部分構成,分別是:
其中, 每個組件中必須包含 template 模板結構 ,而 script 行為 和 style 樣式 是 可選 的組成部分。
實例:
1. data必須是壹個函數
2. 組件模板內容必須是單個跟元素
3. 組件模板內容可以是模板字符串 (需要瀏覽器提供ES6語法支持)
4. 組件命名方式
1. 組件內部通過props接收傳遞過來的值
2. 父組件通過屬性將值傳遞給子組件
3. props屬性名規則
4. props屬性值類型
1. 子組件通過自定義事件向父組件傳遞信息
2. 父組件監聽子組件的事件
3. 子組件通過自定義事件向父組件傳遞信息
4. 父組件監聽子組件的事件
1. 單獨的事件中心管理組件間的通信
2. 監聽事件與銷毀事件
3. 觸發事件