第1章Vue.js基礎入門1
1.1什么是Vue.js1
1.1.1當前流行的前端框架1
1.1.2為什么要學習Vue.js2
1.1.3Vue.js核心理念2
1.1.4框架和庫的區別2
1.2MVVM前端視圖層開發理念2
1.3創建Vue實例對象，詳解MVVM3
1.4詳解插值表達式5
1.5Vue基礎指令7
1.5.1v-cloak指令7
1.5.2v-text指令9
1.5.3v-html指令9
1.5.4v-bind指令11
1.5.5v-on指令13
1.6事件修飾符15
1.6.1鼠標按鍵修飾15
1.6.2系統修飾符15
1.6.3事件修飾符16
1.7雙向數據綁定17
1.7.1v-model修飾符18
1.7.2使用v-model實現計算器案例19
1.8v-for指令21
1.8.1遍歷普通數組22
1.8.2遍歷對象數組23
1.8.3遍歷對象24
1.8.4遍歷數字25
1.9學生管理案例25
1.9.1渲染學生列表26
1.9.2新增學生28
1.9.3刪除學生28
1.9.4搜索學生29
第2章Vue.js綁定樣式及案例32
2.1class類名綁定32
2.1.1對象控制綁定樣式32
2.1.2數組控制綁定樣式33
2.2style行內樣式綁定34
2.2.1對象控制綁定行內樣式34
2.2.2數組控制綁定行內樣式35
2.3Vue綁定樣式案例（標題排他）35
2.4控制元素顯示隱藏37
2.4.1v-if和v-show指令37
2.4.2v-if實現選項卡案例39
2.5簡單版購物車實例40
2.5.1購物車實例簡介40
2.5.2靜態頁面布局41
2.5.3渲染購物車列表42
2.5.4修改商品選中狀態43
2.5.5記錄選中商品的總數量和總價格44
2.5.6全選狀態46
2.5.7商品數量增加或減少48
第3章Vue.js生命周期函數50
3.1創建期間生命周期函數50
3.2運行期間生命周期函數55
3.3銷毀期間生命周期函數57
3.4擴展58
第4章Vue.js動畫59
4.1Vue單組動畫59
4.2Vue定義多組動畫61
4.3使用animate動畫庫63
4.4transition-group列表動畫64
第5章Vue.js組件67
5.1創建全局組件67
5.1.1組件創建方式一67
5.1.2組件創建方式二68
5.1.3組件創建方式三68
5.2創建私有組件69
5.2.1組件中的data和methods71
5.2.2組件選項卡切換案例72
5.3動畫組件74
5.4組件傳值75
5.4.1父組件向子組件傳值75
5.4.2父組件向子組件傳遞方法77
5.4.3子組件向父組件傳值79
5.5Vue獲取DOM元素的方法（ref）82
5.5.1ref獲取普通DOM元素82
5.5.2ref獲取組件元素84
第6章Vue.js路由86
6.1什么是路由86
6.1.1安裝路由86
6.1.2使用路由87
6.2路由控制組件切換88
6.3路由重定向以及動畫路由90
6.4路由傳參91
6.4.1傳參方式一91
6.4.2傳參方式二92
6.5嵌套路由93
6.6路由布局95
第7章Vue.js高級進階97
7.1安裝vue-cli97
7.1.1vue-cli創建項目98
7.1.2運行腳手架項目99
7.2vue-cli目錄結構100
7.3vue-cli運行機制101
7.4vue-cli選項卡案例103
7.5過濾器105
7.5.1私有過濾器105
7.5.2全局過濾器107
7.6Vue計算屬性109
7.7watch偵聽屬性111
7.8slot插槽113
7.9鏈式路由跳轉115
7.10路由守衛117
7.10.1全局路由守衛117
7.10.2組件內路由守衛119
7.10.3離開組件時守衛120
第8章element-ui/mint-ui組件庫122
8.1element-ui使用步驟122
8.2mint-ui的使用124
第9章axios發送HTTP請求127
9.1安裝axios127
9.1.1組件中使用axios128
9.1.2配置全局域名129
9.1.3代碼分離129
9.2axios傳遞參數130
9.3axios原理之promise131
9.3.1什么是promise132
9.3.2為什么要用promise132
9.3.3promise基本使用132
9.3.4promise的API133
9.3.5async與await137
第10章Vuex狀態管理142
10.1Vuex基礎應用142
10.2getters的使用144
10.3mutations的使用145
10.4actions的使用148
10.5Vuex代碼分離151
10.6輔助函數152
10.6.1mapState輔助函數152
10.6.2mapGetters輔助函數153
10.6.3mapMutations輔助函數154
10.6.4mapActions輔助函數155
10.7Vuex實例之登錄退出156
10.7.1vue-cli創建項目站點156
10.7.2Vuex修改登錄狀態158
第11章企業項目實戰166
11.1vue-cli創建項目166
11.2首頁開發168
11.2.1布局首頁靜態頁面170
11.2.2使用axios獲取輪播圖176
11.2.3首頁廣告版塊數據渲染178
11.2.4首頁商家推薦版塊數據渲染180
11.2.5首頁其他版塊數據渲染181
11.3網頁底部信息和產品列表頁面開發182
11.3.1產品列表靜態頁面布局184
11.3.2渲染全部產品頁面數據186
11.3.3產品價格排序功能189
11.3.4產品價格范圍篩選功能190
11.4element-ui實現產品分頁192
11.5產品詳情頁面開發194
第12章Vue3.X新特性解析198
12.1Vue3.0新特性199
12.2什么是CompositionAPI201
12.2.1setup函數的特點202
12.2.2定義響應式數據203
12.3reactive函數204
12.4封裝功能模塊，增加代碼復用206
12.5Vue3生命周期207
12.6computed的使用208
12.7watch監聽的使用211
12.8依賴注入212
12.9Refs模板216
12.10readonly()函數的使用218
12.11watchEffect()函數的使用219
12.12響應式系統工具集的使用220
12.12.1unref()220
12.12.2toRef()221
12.12.3isRef()221
12.12.4isProxy()221
12.12.5isReactive()222
12.12.6isReadonly()222
第13章uni-app核心基礎223
13.1uni-app概述223
13.1.1創建uni-app項目224
13.1.2uni-app目錄結構226
13.1.3uni-app運行機制226
13.2常用組件229
13.2.1view組件229
13.2.2text組件230
13.2.3image組件231
13.3常用特效231
13.3.1tabBar導航使用232
13.3.2swiper輪播圖使用232
13.4uni-app屬性綁定和事件綁定233
13.4.1屬性綁定234
13.4.2事件綁定235
13.5v-for渲染數據235
13.6uni-app生命周期236
13.6.1應用生命周期237
13.6.2頁面生命周期237
13.6.3下拉刷新生命周期函數237
13.6.4上拉加載生命周期函數239
13.7uni-app發送HTTP請求240
13.8跨端兼容241
13.8.1控制頁面元素242
13.8.2控制CSS樣式242
13.8.3控制JS243
13.9頁面跳轉243
13.9.1網址跳轉243
13.9.2事件跳轉244
13.9.3傳遞參數245
第14章uni-app企業項目實戰247
14.1魯嗑瓜子首頁開發247
14.1.1布局首頁靜態頁247
14.1.2調用數據接口渲染輪播圖252
14.1.3首頁廣告版塊數據渲染253
14.1.4首頁商家推薦版塊數據渲染254
14.1.5首頁其他版塊數據渲染255
14.2產品列表頁開發257
14.2.1布局產品列表靜態頁面257
14.2.2渲染產品列表數據258
14.2.3價格排序功能260
14.2.4價格范圍篩選功能261
14.3產品詳情頁開發263
14.4App打包265
14.4.1H5發布265
14.4.2App發布266