當前位置:編程學習大全網 - 源碼下載 - Vue組件化開發

Vue組件化開發

? 目錄總覽: (組件化概念、組件註冊、數據存放、組件數據***享、組件插槽、使用步驟)

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. 觸發事件

  • 上一篇:YGOcore的背景怎麽改?
  • 下一篇:我的世界幀數優化攻略
  • copyright 2024編程學習大全網