深度探索Vue.js：原理剖析與實戰(zhàn)應(yīng)用

第1章Web前端技術(shù)架構(gòu)及Vue框架
1.1Web前端技術(shù)架構(gòu)發(fā)展歷程
1.2Vue等新框架的誕生
1.2.1Webpack介紹
1.2.2Vue框架介紹
1.3Vue與主流前端框架的對比
第2章Vue 2.x開發(fā)基礎(chǔ)
2.1Vue是什么
2.2環(huán)境搭建和Hello World
2.3Vue的插值表達式
2.4Vue的常用指令介紹
2.4.1vhtml指令介紹
2.4.2vtext指令介紹
2.4.3vif條件渲染
2.4.4vshow條件渲染
2.4.5vfor列表渲染
2.4.6vmodel雙向綁定
2.4.7vonce一次性渲染
2.4.8vbind屬性綁定介紹
2.4.9von事件綁定介紹
2.4.10style綁定介紹
2.4.11class綁定介紹
2.4.12其他常用指令介紹
2.5Vue的常用選項介紹
2.5.1data選項介紹
2.5.2計算屬性介紹
2.5.3watch監(jiān)聽介紹
2.6Vue的生命周期介紹
2.6.1生命周期圖解
2.6.2生命周期鉤子函數(shù)詳細講解
 
 
第3章Vue 2.x組件開發(fā)
3.1Vue組件定義方案
3.1.1自定義組件介紹
3.1.2組件的屬性介紹
3.1.3組件的事件綁定介紹
3.1.4組件屬性的雙向綁定
3.1.5組件屬性的多重雙向綁定
3.1.6實現(xiàn)一個自定義confirm組件
3.2Vue的插槽介紹
3.3Vue的動態(tài)組件介紹
3.4Vue的組件緩存
3.5Vue的組件過渡
3.6其他高級API的介紹
第4章Vue CLI開發(fā)完全指南
4.1什么是腳手架
4.2Vue CLI的入門指南
4.2.1使用Vue CLI初始化項目
4.2.2腳手架項目結(jié)構(gòu)介紹
4.2.3生產(chǎn)環(huán)境和開發(fā)環(huán)境的介紹
4.3Vue CLI的項目開發(fā)實戰(zhàn)
4.3.1從0開始開發(fā)一個后臺管理系統(tǒng)
4.3.2通過動態(tài)組件學(xué)習(xí)視圖切換的概念
4.4認識路由框架Vue Router
4.5路由的深入研究
4.5.1路由的常用跳轉(zhuǎn)方式
4.5.2多級路由的實現(xiàn)
4.5.3路由緩存的實現(xiàn)
4.6結(jié)合路由系統(tǒng)的項目開發(fā)
4.6.1重構(gòu)項目的登錄頁面
4.6.2重構(gòu)項目的首頁并實現(xiàn)模擬登錄
4.6.3實現(xiàn)多級路由和緩存功能
4.6.4導(dǎo)航守衛(wèi)的介紹
4.7UI框架的引入
4.7.1什么是UI框架及常用的UI框架介紹
4.7.2ElementUI的介紹及如何結(jié)合Vue CLI使用
4.8通過ElementUI重構(gòu)項目
4.8.1改造登錄頁面
4.8.2改造首頁結(jié)構(gòu)
4.8.3導(dǎo)航菜單的實現(xiàn)
4.8.4退出登錄功能的實現(xiàn)
4.9Axios網(wǎng)絡(luò)通信框架
4.9.1前后分離架構(gòu)介紹
4.9.2Axios簡介及項目中的使用
4.9.3什么是接口及服務(wù)接口的部署方式
4.9.4在Vue項目中引入Axios框架
4.9.5通過真正的網(wǎng)絡(luò)接口實現(xiàn)登錄功能
4.10什么是狀態(tài)管理
4.10.1Vue實現(xiàn)狀態(tài)管理的方式
4.10.2Vuex的介紹
第5章Vue CLI項目從0開始實戰(zhàn)
5.1項目搭建
5.2全局狀態(tài)配置
5.2.1整合Vuex框架
5.2.2動態(tài)加載菜單
5.2.3實現(xiàn)Tabs標簽頁和二級路由頁面
5.2.4通過Vuex實現(xiàn)Tab標簽頁和菜單的狀態(tài)聯(lián)動
5.3完成用戶管理模塊的開發(fā)
5.3.1用戶列表和模糊查詢
5.3.2列表的分頁查詢
5.3.3新增用戶信息
5.3.4編輯用戶信息
5.3.5刪除用戶信息
5.4完成角色管理模塊的開發(fā)
5.5完成菜單管理模塊的開發(fā)
5.6完成商品模塊的開發(fā)
第6章Vite Vue 3.x完全開發(fā)指南
6.1Vue 3.x入門
6.2Vite介紹
6.2.1什么是Vite
6.2.2使用Vite初始化Vue 3項目
6.2.3項目結(jié)構(gòu)介紹
6.3組合式API與響應(yīng)式API
6.3.1setup()函數(shù)介紹
6.3.2reactive() ref()系列介紹
6.3.3computed()函數(shù)式用法
6.3.4watch()函數(shù)式用法 
6.3.5setup()函數(shù)與生命周期的關(guān)系
6.4Vue 3的函數(shù)式編程
6.4.1script setup介紹
6.4.2單文件組件樣式特性
6.5Vue 3自定義組件開發(fā)介紹
6.5.1Vue 3的函數(shù)式自定義組件介紹
6.5.2頂層await和異步組件的介紹
6.5.3其他組件開發(fā)API介紹
第7章Vue 3.x項目實戰(zhàn)
7.1Vue 3.x與Vue Router 4.x的整合
7.1.1Vue Router 3.x與Vue Router 4.x的區(qū)別
7.1.2Vue Router與Vue的整合案例
7.2Vuex 3.x與Vuex 4.x的整合
7.2.1Vuex 3.x與Vuex 4.x的區(qū)別
7.2.2Vuex與Vue整合案例
7.3Pinia狀態(tài)管理模塊新的選擇
7.3.1Pinia簡介
7.3.2Pinia與Vue整合案例
7.4Vue 3.x與ElementPlus的整合
7.4.1ElementPlus介紹
7.4.2ElementPlus與Vue整合案例
7.5從0開始構(gòu)建Vite Vue 3.x Vue Router 4.x Pinia項目
7.5.1初始化Vite項目
7.5.2整合路由做頁面劃分
7.5.3整合UI框架ElementPlus
7.5.4集成狀態(tài)管理框架和HTTP請求框架
7.5.5實現(xiàn)純函數(shù)式的業(yè)務(wù)開發(fā)
第8章原理篇
8.1Vue 2.x的數(shù)據(jù)響應(yīng)式原理
8.1.1Object.defineProperty()的介紹
8.1.2使用Object.defineProperty()模擬Vue的數(shù)據(jù)響應(yīng)式系統(tǒng)
8.1.3仿真小型的Vue 2.x
8.2Vue 3.x的數(shù)據(jù)響應(yīng)式原理
8.2.1Proxy代理對象的介紹
8.2.2仿真小型的Vue 3.x
8.3虛擬DOM介紹
8.3.1真實DOM介紹
8.3.2虛擬DOM和真實DOM的對比
8.3.3虛擬DOM原理與DIFF和PATCH的實現(xiàn)
8.4路由和狀態(tài)管理
8.4.1Vue Router的原理
8.4.2徒手封裝Vue Router
8.4.3Vuex狀態(tài)管理的一些注意事項