第1章 Vue入門　1
1．1　Vue簡述　1
1．1．1　什麼是Vue．js　1
1．1．2　為什麼使用Vue．js　2
1．1．3　Vue．js的主要特點　2
1．1．4　Vue．js的優勢　3
1．2　Vue．js的下載及使用　3
1．2．1　Vue．js下載　4
1．2．2　Vue．js引用　4
1．2．3　npm安裝　4
1．2．4　解讀Vue項目文件目錄結構　8
1．3　實例化Vue對象、數據和方法　9
1．3．1　實例化Vue對象　9
1．3．2　Vue數據和方法　10
1．3．3　將數據掛載到DOM頁麵　11
1．4　MVVM模式　13
本章小結　14
習題　15
第2章　Vue數據綁定　16
2．1　Vue模闆語法　16
2．1．1　模闆語法　16
2．1．2　插值　17
2．1．3　錶達式　17
2．2　響應式聲明渲染機製　18
2．2．1　響應式聲明渲染機製簡介　18
2．2．2　Vue屬性綁定　21
2．2．3　Vue雙嚮數據綁定　22
2．3　Vue計算屬性　24
2．3．1　計算屬性　24
2．3．2　計算屬性與methods的區彆　27
2．4　Vue生命周期　28
2．4．1　Vue實例生命周期圖解　28
2．4．2　Vue生命周期詳解　29
2．4．3　Vue各生命周期適閤開發的業務邏輯　31
本章小結　31
習題　32
第3章　Vue指令　33
3．1　Vue指令概述　33
3．1．1　指令　33
3．1．2　指令修飾符　34
3．2　Vue指令詳解　34
3．2．1　指令v-if　34
3．2．2　指令v-for　36
3．2．3　指令v-on　41
3．2．4　指令v-show　43
3．3　Vue動態樣式綁定　46
3．3．1　v-bind指令屬性　46
3．3．2　v-bind綁定class　47
3．3．3　v-bind數組錶達式綁定class屬性　48
3．3．4　v-bind對象語法綁定行內樣式　49
3．3．5　v-bind數組語法綁定行內樣式　50
3．4　Vue錶單輸入綁定　51
3．4．1　指令v-model　51
3．4．2　v-bind在控件上綁定value　56
3．4．3　錶單中的參數特性　63
3．5　綜閤案例　64
本章小結　67
習題　67
第4章　Vue事件處理　68
4．1　Vue事件處理器　68
4．1．1　監聽事件　68
4．1．2　方法事件處理器　69
4．1．3　內聯事件處理器　70
4．2　修飾符　72
4．2．1　事件修飾符　72
4．2．2　按鍵修飾符　73
4．2．3　修飾鍵　77
4．3　綜閤案例　77
本章小結　79
習題　79
第5章　Vue組件　80
5．1　組件的基本使用　80
5．1．1　什麼是組件　80
5．1．2　組件使用　82
5．1．3　組件中的data必須是函數　88
5．2　Vue組件嵌套　90
5．2．1　組件嵌套　90
5．2．2　使用props　92
5．2．3　使用slot插槽內容分發　101
5．2．4　組件實戰　107
5．3　組件通信　111
5．3．1　父組件嚮子組件通信　111
5．3．2　子組件嚮父組件通信　112
5．3．3　任意組件及平行組件通信　116
5．4　創建自己的組件　118
本章小結　123
習題　123
第6章　自定義指令　128
6．1　自定義指令概述　128
6．1．1　自定義全局指令　128
6．1．2　自定義局部指令　130
6．1．3　案例分析　131
6．2　鈎子函數　132
6．2．1　鈎子函數參數　133
6．2．2　函數簡寫　136
6．3　對象字麵量　136
本章小結　137
習題　137
第7章　過渡與動畫　138
7．1　transition組件　138
7．2　單元素/組件的過渡　141
7．2．1　transition標簽結閤CSS樣式實現動畫　141
7．2．2　animate．css結閤transition實現動畫　143
7．2．3　鈎子函數實現動畫　144
7．3　多個元素的過渡　147
7．4　多個組件的過渡　149
7．5　綜閤案例　151
本章小結　156
習題　156
第8章　渲染函數　157
8．1　渲染函數概述　157
8．1．1　從虛擬DOM瞭解Vue渲染函數　157
8．1．2　為什麼使用渲染函數　158
8．1．3　什麼是渲染函數　159
8．2　createElement方法　161
8．2．1　createElement參數　161
8．2．2　VNodes必須唯一　166
8．3　使用JavaScript代替模闆功能　167
8．3．1　v-if和v-for　167
8．3．2　v-model　168
8．3．3　slot插槽　170
8．3．4　作用域插槽　171
本章小結　172
習題　172
第9章　Vue路由vue-router　173
9．1　路由安裝和使用　173
9．2　傳遞參數及獲取參數　175
9．2．1　使用路由傳遞參數　175
9．2．2　地址欄傳遞參數　177
9．3　子路由　178
9．3．1　創建子路由　178
9．3．2　路由切換組件　180
9．4　命名視圖和導航鈎子　183
9．4．1　命名視圖　183
9．4．2　導航鈎子　185
9．5　元數據及路由匹配　188
本章小結　191
習題　192
第10章　使用webpack　193
10．1　webpack基礎　193
10．2　webpack的基本配置　196
10．3　webpack常用的Loaders　198
10．4　插件　201
10．5　webpack常用命令　204
本章小結　204
習題　204
第11章　綜閤案例開發　205
11．1　綜閤案例開發步驟　205
11．1．1　通過vue-cli構建工具初始化項目目錄　205
11．1．2　初始化依賴包　206
11．1．3　安裝vue-router組件　206
11．1．4　創建router對象及配置路由　207
11．1．5　在App．vue中添加路由導航　208
11．2　解析Vue生成文件目錄結構　210
11．2．1　build文件夾　210
11．2．2　config文件夾　210
11．2．3　node_modules文件夾　211
11．2．4　src文件夾　211
11．2．5　App．vue與main．js　211
11．3　vue-resource插件　212
11．4　實戰：單詞本　216
11．4．1　展示單詞本　216
11．4．2　修改刪除單詞　217
11．4．3　添加單詞　221
本章小結　223
習題　223
第12章　Vue工程項目實戰　224
12．1　項目分析　224
12．2　工程化項目搭建　224
12．2．1　項目準備工作　225
12．2．2　項目資源準備　226
12．2．3　圖標字體製作　230
12．2．4　項目目錄設計　232
12．2．5　模擬後颱數據（mock數據）　233
12．3　組件化開發　235
12．4　使用vue-resource調用後颱接口　247
12．4．1　理解後颱接口文檔　247
12．4．2　根據文檔調用接口　248
12．4．3　具體業務邏輯開發　249
12．5　項目打包　251
本章小結　252
習題　252
· · · · · · (收起)