Vue3.0 極速入門教程

• 第1章 Vue3-MVVM模式與元件化開發
• 1-1 認識新版VUE3全家桶
• 1-2 VUE兩大核心--響應式與元件化開發
• 1-3 VUE資料雙向綁定
• 1-4 VUE事件操作
• 1-5 指令互動式安裝vue-cli腳手架
• 1-6 VUE專案的運作與打包
• 1-7 mount函數元件掛載原理
• 1-8 資料雙向綁定與vue.config.js檔案配置
• 1-9 VUE實例參數與MVVM模式
• 1-10 VUE範本插值操作
• 1-11 VUE範本指令的使用
• 1-12 VUE虛擬DOM與diff演算法
• 第2章 Vue的範本指令與事件監聽
• 2-1 昨日課程串記
• 2-2 v-bind指令實現元素屬性的動態綁定
• 2-3 詳解v-bind綁定style屬性
• 2-4 v-bind綁定class屬性實作動態樣式
• 2-5 VUE computed處理計算屬性
• 2-6 VUE事件監聽
• 2-7 v-on事件修飾符號
• 2-8 VUE條件分支指令
• 2-9 VUE迴圈遍歷指令v-for
• 2-10 v-model表單資料雙向綁定--實現購物車總價即時計算
• 第3章 Vue組件通訊與具名插槽
• 3-1 VUE元件化開發
• 3-2 VUE元件的建立與註冊
• 3-3 VUE scoped屬性實現元件樣式的獨立性
• 3-4 VUE中使用lang=scss
• 3-5 父元件向子元件傳遞數據
• 3-6 $emit實作子元件向父元件通訊
• 3-7 插槽slot抽取組件共通性以實現組件擴展
• 3-8 具名插槽和作用域插槽的升級--v-slot的使用
• 第4章 組件生命週期與Element-plus元件庫
• 4-1 組件各個生命週期的職責
• 4-2 組件生命週期鉤子函數的觸發
• 4-3 組件生命週期--實例的建立與銷毀
• 4-4 Element-UI-ElementPlus元件庫文件介紹
• 4-5 ElementPlus元件在main.js中全域引用
• 4-6 ElementPlus tab組件的二次開發
• 4-7 Vue Router的安裝與啟用
• 4-8 建立頁面路由
• 4-9 router-link組件實現路由導航
• 4-10 使用全域變數$route實現路由跳轉
• 4-11 路由跳轉--參數傳遞與接收
• 第5章 Vue路由嵌套與Vuex狀態管理
• 5-1 開啟路由流程梳理
• 5-2 vue實作路由按需載入（路由懶載入）
• 5-3 Vue-route子路由（嵌套路由）
• 5-4 子路由參數傳遞與接收
• 5-5 路由重定向與別名設定
• 5-6 VUEX狀態倉庫管理
• 5-7 VUEX getters計算屬性的使用
• 5-8 Vuex狀態管理--Mutation的使用
• 5-9 Vuex狀態管理--Action非同步操作
• 5-10 Vuex Module--狀態倉庫分割