Vue.js前端開發(fā)實戰(zhàn)（第2版）

第 1章 初識Vue.js 1
1.1　前端技術的發(fā)展　1
1.2　Vue簡介　3
1.2.1　什么是Vue　3
1.2.2　Vue的特性　4
1.2.3　Vue的版本　4
1.3　Vue開發(fā)環(huán)境　5
1.3.1　Visual Studio Code編輯器　5
1.3.2　Node.js環(huán)境　9
1.3.3　常見的包管理工具　10
1.4　使用Vite創(chuàng)建Vue 3項目　12
1.4.1　什么是Vite　12
1.4.2　創(chuàng)建Vue 3項目　12
1.4.3　Vue 3項目的目錄結構　15
1.4.4　Vue 3項目的運行過程　16
本章小結　18
課后習題　18
第　2章 Vue.js開發(fā)基礎　20
2.1　單文件組件　20
2.2　數據綁定　22
2.2.1　初識數據綁定　22
2.2.2　響應式數據綁定　25
2.3　指令　29
2.3.1　內容渲染指令　29
2.3.2　屬性綁定指令　31
2.3.3　事件綁定指令　32
2.3.4　雙向數據綁定指令　33
2.3.5　條件渲染指令　35
2.3.6　列表渲染指令　38
2.4　事件對象　41
2.5　事件修飾符　44
2.6　計算屬性　47
2.7　偵聽器　49
2.8　樣式綁定　50
2.8.1　綁定class屬性　50
2.8.2　綁定style屬性　55
2.9　階段案例——學習計劃表　58
本章小結　60
課后習題　60
第3章　組件基礎（上）　62
3.1　選項式API和組合式API　62
3.2　生命周期函數　66
3.3　組件的注冊和引用　68
3.3.1　注冊組件　68
3.3.2　引用組件　69
3.4　解決組件之間的樣式沖突　71
3.5　父組件向子組件傳遞數據　74
3.5.1　聲明props　74
3.5.2　靜態(tài)綁定props　75
3.5.3　動態(tài)綁定props　76
3.5.4　驗證props　78
3.6　子組件向父組件傳遞數據　79
3.6.1　在子組件中聲明自定義事件　79
3.6.2　在子組件中觸發(fā)自定義事件　80
3.6.3　在父組件中監(jiān)聽自定義事件　80
3.7　跨級組件之間的數據傳遞　82
3.8　階段案例——待辦事項　86
本章小結　87
課后習題　88
第4章　組件基礎（下）　90
4.1　動態(tài)組件　90
4.1.1　定義動態(tài)組件　91
4.1.2　利用KeepAlive組件實現組件
　緩存　92
4.1.3　組件緩存相關的生命周期函數　94
4.1.4　KeepAlive組件的常用屬性　96
4.2　插槽　98
4.2.1　什么是插槽　98
4.2.2　具名插槽　100
4.2.3　作用域插槽　102
4.3　自定義指令　105
4.3.1　什么是自定義指令　105
4.3.2　私有自定義指令的聲明與使用　106
4.3.3　全局自定義指令的聲明與使用　107
4.3.4　為自定義指令綁定參數　108
4.3.5　自定義指令的函數形式　109
4.4　引用靜態(tài)資源　109
4.5　階段案例——商品管理　111
本章小結　112
課后習題　112
第5章　路由　115
5.1　初識路由　115
5.2　初識Vue Router　117
5.2.1　Vue Router的安裝　117
5.2.2　Vue Router的基本使用　118
5.3　路由重定向　122
5.4　嵌套路由　122
5.5　動態(tài)路由　125
5.5.1　動態(tài)路由概述　125
5.5.2　獲取動態(tài)路徑參數值　127
5.6　命名路由　129
5.7　編程式導航　131
5.8　導航守衛(wèi)　133
5.9　階段案例——后臺管理系統(tǒng)　135
本章小結　137
課后習題　137
第6章　常用UI組件庫　139
6.1　Element Plus組件庫　139
6.1.1　安裝Element Plus　139
6.1.2　Element Plus中的常用組件　140
6.2　Vant組件庫　148
6.2.1　安裝Vant　148
6.2.2　Vant中的常用組件　149
6.3　Ant Design Vue組件庫　160
6.3.1　安裝Ant Design Vue　160
6.3.2　Ant Design Vue中的常用組件　161
本章小結　169
課后習題　169
第7章　網絡請求和狀態(tài)管理　171
7.1　Axios　171
7.1.1　Axios概述　172
7.1.2　安裝Axios　172
7.1.3　使用Axios　173
7.1.4　Axios圖書列表案例　174
7.2　Vuex　177
7.2.1　Vuex概述　178
7.2.2　安裝Vuex　179
7.2.3　使用Vuex　179
7.2.4　Vuex計數器案例　180
7.3　Pinia　183
7.3.1　Pinia概述　183
7.3.2　安裝Pinia　183
7.3.3　使用Pinia　184
7.3.4　Pinia計數器案例　185
7.3.5　Pinia模塊化　186
7.3.6　Pinia持久化存儲　189
本章小結　194
課后習題　194
第8章　項目實戰(zhàn)——“微商城”前后臺
　開發(fā)　196
8.1　項目分析　196
8.1.1　項目前臺分析　196
8.1.2　項目后臺分析　201
8.2　項目開發(fā)說明　205
本章小結　205