Vue.js前端開發實戰（第2版）

黑馬程序員成立於2006年，由中國Java培訓先行者張孝祥老師發起，聯合全球最大的中文IT社區CSDN、中關村軟件園共同創辦的一家專業教育機構。辦學至今，我們一直堅守著“為千萬人少走彎路而著書，為中華軟件之崛起而講課”的辦學理念，堅持培養優秀軟件應用工程師的宏偉目標，在累計培養的十萬餘名學員中，其中90%的學員均已在北、上、廣等一線城市高薪就業。

第 1章 初識Vue.js 1

1.1　前端技術的發展　1

1.2　Vue簡介　3

1.2.1　什麼是Vue　3

1.2.2　Vue的特性　4

1.2.3　Vue的版本　4

1.3　Vue開發環境　5

1.3.1　Visual Studio Code編輯器　5

1.3.2　Node.js環境　9

1.3.3　常見的包管理工具　10

1.4　使用Vite創建Vue 3項目　12

1.4.1　什麼是Vite　12

1.4.2　創建Vue 3項目　12

1.4.3　Vue 3項目的目錄結構　15

1.4.4　Vue 3項目的運行過程　16

本章小結　18

課後習題　18

第　2章 Vue.js開發基礎　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　靜態綁定props　75

3.5.3　動態綁定props　76

3.5.4　驗證props　78

3.6　子組件向父組件傳遞數據　79

3.6.1　在子組件中聲明自定義事件　79

3.6.2　在子組件中觸發自定義事件　80

3.6.3　在父組件中監聽自定義事件　80

3.7　跨級組件之間的數據傳遞　82

3.8　階段案例——待辦事項　86

本章小結　87

課後習題　88

第4章　組件基礎（下）　90

4.1　動態組件　90

4.1.1　定義動態組件　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　引用靜態資源　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　動態路由　125

5.5.1　動態路由概述　125

5.5.2　獲取動態路徑參數值　127

5.6　命名路由　129

5.7　編程式導航　131

5.8　導航守衛　133

5.9　階段案例——後臺管理系統　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章　網絡請求和狀態管理　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章　項目實戰——“微商城”前後臺

　開發　196

8.1　項目分析　196

8.1.1　項目前臺分析　196

8.1.2　項目後臺分析　201

8.2　項目開發說明　205

本章小結　205