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