Vue.js 從入門到項目實踐 (超值版)

聚慕課教育研發中心，是有一家軟件開發公司和線下培訓機構共同組建的IT圖書研發中心，具有18年的圖書開發和12年軟件開發經驗。該研發中心有軟件開發團隊，一批一線軟件培訓講師，高校青年教師以及學科專家團隊構成。致力於IT類圖書策劃、組稿、及編寫。我們對計算機圖書市場進行科學、嚴謹的調查分析，緊跟高新科技，深度挖掘讀者需求，整合優質作者資源，協助作者制定創作計劃、確立創作思想與體例，並實時監控創作質量與進度，確保做出讓讀者讀得懂、用的好、學的會的計算機類圖書。

1篇 基礎知識篇
1章 Vue.js基本簡介 002
◎ 本章教學微視頻
1.1 前端框架的發展歷程 002
1.1.1 前端靜態頁面走向動態頁面的轉變 002
1.1.2 程序後端走向前端的轉變 003
1.2 Vue.js介紹 003
1.2.1 Vue.js是什麼 004
1.2.2 Vue.js發展歷程 004
1.3 Vue.js中的開發模式 004
1.3.1 MVC模式介紹 004
1.3.2 MVP模式介紹 005
1.3.3 MVVM模式介紹 006
1.4 Vue.js與其他框架比較 007
1.4.1 Vue.js與Angular的比較 007
1.4.2 Vue.js與React的比較 011
1.5 Vue.js的兼容性 012
1.6 就業面試技巧與解析 015
1.6.1 面試技巧與解析（一） 015
1.6.2 面試技巧與解析（二） 015

2章 創建Vue.js簡單實例 017
◎ 本章教學微視頻
2.1 安裝Vue Devtools 017
2.2 下載、安裝編輯器HBuilder X及引入Vue.js文件 019
2.2.1 安裝編輯器HBuilder X 019
2.2.2 下載Vue.js文件 020
2.2.3 在項目中引入Vue.js文件 020
2.3 創建一個 Vue 實例 021
2.4 實例的生命週期 023
2.5 就業面試技巧與解析 029
2.5.1 面試技巧與解析（一） 029
2.5.2 面試技巧與解析（二） 029

3章 Vue.js指令 030
◎ 本章教學微視頻
3.1 內置指令 030
3.1.1 指令 030
3.1.2 條件指令 039
3.2 自定義指令 042
3.2.1 指令的註冊 042
3.2.2 鉤子函數 043
3.2.3 鉤子函數參數 044
3.2.4 函數簡寫 044
3.2.5 對象字面量 045
3.3 指令的高級選項 046
3.3.1 deep 046
3.3.2 params 046
3.3.3 twoWay 047
3.3.4 priority 047
3.3.5 terminal 047
3.3.6 acceptStatement 048
3.4 就業面試技巧與解析 049
3.4.1 面試技巧與解析（一） 049
3.4.2 面試技巧與解析（二） 049

4章 Vue.js基本特性 050
◎ 本章教學微視頻
4.1 實例及選項 050
4.1.1 數據 050
4.1.2 方法 052
4.1.3 模板 054
4.1.4 watch函數 056
4.2 模板渲染 057
4.2.1 條件渲染 058
4.2.2 列表渲染 060
4.2.3 前後端渲染對比 063
4.3 etend的用法 064
4.4 就業面試技巧與解析 066
4.4.1 面試技巧與解析（一） 066
4.4.2 面試技巧與解析（二） 067

5章 Vue數據及事件綁定 068
◎ 本章教學微視頻
5.1 數據綁定 068
5.1.1 數據綁定的方法 068
5.1.2 計算屬性 072
5.1.3 計算屬性緩存 073
5.1.4 表單控件綁定 074
5.1.5 值綁定 078
5.2 事件綁定與監聽 079
5.2.1 方法及內聯處理器 079
5.2.2 修飾符 081
5.2.3 與傳統事件綁定的區別 083
5.3 class與style的綁定 084
5.3.1 綁定中class的方式 084
5.3.2 綁定內聯樣式 088
5.4 就業面試技巧與解析 090
5.4.1 面試技巧與解析（一） 090
5.4.2 面試技巧與解析（二） 090

6章 Vue.js過濾器 091
◎ 本章教學微視頻
6.1 過濾器的基本使用 091
6.1.1 全局過濾器 091
6.1.2 局部過濾器 092
6.1.3 JSON 095
6.1.4 currency 097
6.2 雙向過濾器 099
6.3 自定義過濾器 100
6.4 就業面試技巧與解析 103
6.4.1 面試技巧與解析（一） 103
6.4.2 面試技巧與解析（二） 103

7章 Vue.js過渡 104
◎ 本章教學微視頻
7.1 CSS過渡 104
7.1.1 CSS 過渡的用法 104
7.1.2 CSS過渡鉤子函數 106
7.1.3 自定義過渡類名 108
7.2 過渡 108
7.2.1 鉤子函數過渡 108
7.2.2 過渡的使用 109
7.3 多個元素的過渡 111
7.4 多個組件的過渡 112
7.5 transition-group介紹 113
7.6 就業面試技巧與解析 113
7.6.1 面試技巧與解析（一） 114
7.6.2 面試技巧與解析（二） 114

8章 Vue.js動畫 115
◎ 本章教學微視頻
8.1 CSS動畫 115
8.1.1 CSS動畫原理 115
8.1.2 同時使用過渡和動畫 117
8.1.3 顯性的過渡持續時間 119
8.2 三方動畫庫 119
8.2.1 使用CCS 3動畫庫@keyframes 119
8.2.2 使用CCS 3動畫庫Animate.css 121
8.2.3 使用動畫庫Velocity.js 122
8.3 動畫鉤子 123
8.4 動畫封裝 126
8.5 就業面試技巧與解析 128
8.5.1 面試技巧與解析（一） 128
8.5.2 面試技巧與解析（二） 128

2篇 核心應用篇
9章 Vue.js組件 130
◎ 本章教學微視頻
9.1 組件基本內容 130
9.1.1 組件是什麼 130
9.1.2 組件用法 131
9.1.3 組件註冊 134
9.1.4 組件嵌套 136
9.1.5 組件切換 137
9.1.6 組件中的data和methods 138
9.2 組件通信 139
9.2.1 props/$emit 140
9.2.2 $emit和$on 142
9.2.3 $attrs和$listeners 144
9.2.4 provide和inject 147
9.2.5 $parent/$children與ref 149
9.3 自定義事件監聽 150
9.4 Vue介紹 153
9.4.1 Vue的原理 153
9.4.2 Vue各個模塊在流程中的功能 153
9.4.3 Vue與localStorage 153
9.5 動態組件 154
9.5.1 基本用法 154
9.5.2 切換鉤子函數 156
9.5.3 keep-alive 158
9.6 slot 159
9.7 就業面試技巧與解析 160
9.7.1 面試技巧與解析（一） 160
9.7.2 面試技巧與解析（二） 161

10章 Vue.js常用插件 162
◎ 本章教學微視頻
10.1 前端路由與Vue-router路由 162
10.1.1 什麼是前端路由 163
10.1.2 Vue-router路由的高級用法 163
10.2 狀態管理與Vue 164
10.2.1 狀態管理與使用場景 164
10.2.2 安裝並使用Vue 164
10.2.3 設置與讀取數據 165
10.2.4 更新數據 165
10.3 Vue-resource插件 167
10.3.1 引用方式 167
10.3.2 使用方式 167
10.3.3 攔截器的使用 167
10.3.4 封裝service層 168
10.3.5 Vue-resource優點 169
10.4 Vue-router 插件 169
10.4.1 引用方式 169
10.4.2 基本用法 172
10.4.3 Vue-router跳轉頁面的方式 174
10.4.4 router鉤子函數 175
10.5 就業面試技巧與解析 177
10.5.1 面試技巧與解析（一） 177
10.5.2 面試技巧與解析（二） 178

11章 Vue.js實例方法 179
◎ 本章教學微視頻
11.1 虛擬DOM簡介 179
11.1.1 虛擬DOM是什麼 179
11.1.2 為什麼要使用虛擬DOM 180
11.2 實例屬性 182
11.2.1 組件樹的訪問 182
11.2.2 虛擬DOM的訪問 182
11.2.3 數據訪問 183
11.3 實例方法 183
11.3.1 實例DOM方法的使用 183
11.3.2 實例event方法的使用 183
11.3.3 vm.$watch()的使用 185
11.3.4 vm.$netTick()的使用 185
11.4 就業面試技巧與解析 186
11.4.1 面試技巧與解析（一） 186
11.4.2 面試技巧與解析（二） 187

12章 Render函數 188
◎ 本章教學微視頻
12.1 Render簡介 188
12.1.1 Render函數是什麼 188
12.1.2 Render函數怎麼用 189
12.1.3 在什麼情況下使用Render函數 190
12.1.4 深入data對象 190
12.2 createElement簡介 191
12.2.1 基本參數 191
12.2.2 使用代替模板功能 193
12.2.3 約束 194
12.3 函數化組件 195
12.4 JSX 195
12.5 就業面試技巧與解析 196
12.5.1 面試技巧與解析（一） 196
12.5.2 面試技巧與解析（二） 196

13章 常見問題解析 197
◎ 本章教學微視頻
13.1 環境及安裝問題解析 197
13.2 運行代碼出現報錯解析 197
13.3 你問我答解析 199
13.4 就業面試技巧與解析 201
13.4.1 面試技巧與解析（一） 201
13.4.2 面試技巧與解析（二） 202

3篇 核心技術篇
14章 狀態管理Vue 204
◎ 本章教學微視頻
14.1 概述 204
14.1.1 Vue介紹 204
14.1.2 狀態管理與Vue 205
14.1.3 Vue適用場景 206
14.1.4 Vue的用法 206
14.2 Vue的五大屬性 207
14.2.1 state 207
14.2.2 getters 207
14.2.3 mutations 208
14.2.4 actions 208
14.2.5 modules 209
14.3 中間件​​ 210
14.3.1 state快照 210
14.3.2 logger 210
14.4 嚴格模式 211
14.5 表單處理 212
14.6 就業面試技巧與解析 212
14.6.1 面試技巧與解析（一） 213
14.6.2 面試技巧與解析（二） 213

15章 Vue工程實例 214
◎ 本章教學微視頻
15.1 準備工作 214
15.1.1 webpack 214
15.1.2 vue-loader 216
15.2 項目目錄結構 218
15.3 部署上線