第1章　Vue.js簡介

1.1　Vue.js是什么　1

1.2　為什么要用Vue.js　2

1.3　Vue.js的Hello world　2

第2章　基礎(chǔ)特性

2.1　實例及選項　5

2.1.1　模板　6

2.1.2　數(shù)據(jù)　7

2.1.3　方法　9

2.1.4　生命周期　10

2.2　數(shù)據(jù)綁定　12

2.2.1　數(shù)據(jù)綁定語法　13

2.2.2　計算屬性　17

2.2.3　表單控件　18

2.2.4　Class與Style綁定　21

2.3　模板渲染　22

2.3.1　前后端渲染對比　23

2.3.2　條件渲染　23

2.3.3　列表渲染　25

2.3.4　template標(biāo)簽用法　27

2.4　事件綁定與監(jiān)聽　28

2.4.1　方法及內(nèi)聯(lián)語句處理器　28

2.4.2　修飾符　29

2.4.3　與傳統(tǒng)事件綁定的區(qū)別　30

2.5　Vue.extend()　31

第3章　指令

3.1　內(nèi)置指令　32

3.1.1　v-bind　32

3.1.2　v-model　33

3.1.3　v-if-else-show　33

3.1.4　v-for　33

3.1.5　v-on　34

3.1.6　v-text　34

3.1.7　v-HTML　35

3.1.8　v-el　35

3.1.9　v-ref　35

3.1.10　v-pre　36

3.1.11　v-cloak　36

3.1.12　v-once　37

3.2　自定義指令基礎(chǔ)　37

3.2.1　指令的注冊　37

3.2.2　指令的定義對象　37

3.2.3　指令實例屬性　39

3.2.4　元素指令　40

3.3　指令的高級選項　41

3.3.1　params　41

3.3.2　deep　42

3.3.3　twoWay　43

3.3.4　acceptStatement　44

3.3.5　terminal　44

3.3.6　priority　45

3.4　指令在Vue.js 2.0中的變化　46

3.4.1　新的鉤子函數(shù)　46

3.4.2　鉤子函數(shù)實例和參數(shù)變化　46

3.4.3　update函數(shù)觸發(fā)變化　47

3.4.4　參數(shù)binding對象　47

第4章　過濾器

4.1　過濾器注冊　48

4.2　雙向過濾器　49

4.3　動態(tài)參數(shù)　50

4.4　過濾器在Vue.js 2.0中的變化　51

第5章　過渡

5.1　CSS過渡　52

5.1.1　CSS過渡的用法　52

5.1.2　CSS過渡鉤子函數(shù)　54

5.1.3　顯示聲明過渡類型　57

5.1.4　自定義過渡類名　57

5.2　JavaScript過渡　58

5.2.1　Velocity.js　58

5.2.2　JavaScript過渡使用　58

5.3　過渡系統(tǒng)在Vue.js 2.0中的變化　59

5.3.1　用法變化　59

5.3.2　類名變化　60

5.3.3　鉤子函數(shù)變化　61

5.3.4　transition-group　63

第6章　組件

6.1　組件注冊　65

6.1.1　全局注冊　65

6.1.2　局部注冊　66

6.1.3　注冊語法糖　67

6.2　組件選項　67

6.2.1　組件選項中與Vue選項的區(qū)別　67

6.2.2　組件Props　68

6.3　組件間通信　71

6.3.1　直接訪問　71

6.3.2　自定義事件監(jiān)聽　72

6.3.3　自定義事件觸發(fā)機(jī)制　72

6.3.4　子組件索引　75

6.4　內(nèi)容分發(fā)　76

6.4.1　基礎(chǔ)用法　76

6.4.2　編譯作用域　77

6.4.3　默認(rèn)slot　78

6.4.4　slot屬性相同　79

6.4.5　Modal實例　79

6.5　動態(tài)組件　82

6.5.1　基礎(chǔ)用法　82

6.5.2　keep-alive　83

6.5.3　activate 鉤子函數(shù)　84

6.6　Vue.js 2.0中的變化　85

6.6.1　event　85

6.6.2　keep-alive　86

6.6.3　slot　87

6.6.4　refs　87

第7章　Vue.js常用插件

7.1　Vue-router　88

7.1.1　引用方式　88

7.1.2　基本用法　89

7.1.3　嵌套路由　90

7.1.4　路由匹配　92

7.1.5　具名路由　93

7.1.6　路由對象　93

7.1.7　v-link　94

7.1.8　路由配置項　95

7.1.9　route鉤子函數(shù)　96

7.1.10　路由實例屬性及方法　99

7.1.11　vue-router 2.0 的變化　100

7.2　Vue-resource　104

7.2.1　引用方式　104

7.2.2　使用方式　105

7.2.3　$http的api方法和選項參數(shù)　105

7.2.4　攔截器　107

7.2.5　$resource用法　107

7.2.6　封裝Service層　109

7.3　Vue-devtools　109

7.3.1　安裝方式　110

7.3.2　使用效果　110

第8章　Vue.js工程實例

8.1　準(zhǔn)備工作　111

8.1.1　webpack　111

8.1.2　vue-loader　113

8.2　目錄結(jié)構(gòu)　115

8.3　前端開發(fā)　117

8.4　后端聯(lián)調(diào)　122

8.5　部署上線　124

8.5.1　生成線上文件　124

8.5.2　nginx　125

8.5.3　gitlab　126

8.5.4　jenkins　127

第9章　狀態(tài)管理：Vuex

9.1　概述　130

9.2　簡單實例　131

9.2.1　所需組件　131

9.2.2　創(chuàng)建并注入store　132

9.2.3　創(chuàng)建action及組件調(diào)用方式　133

9.2.4　創(chuàng)建mutation　134

9.2.5　組件獲取state　135

9.3　嚴(yán)格模式　137

9.4　中間件　137

9.4.1　快照　138

9.4.2　logger　138

9.5　表單處理　139

9.6　目錄結(jié)構(gòu)　142

9.6.1　簡單項目　142

9.6.2　大型項目　143

9.7　實例　145

9.7.1　state結(jié)構(gòu)　146

9.7.2　actions.js　148

9.7.3　app.js　148

9.7.4　組件結(jié)構(gòu)　148

9.7.5　base組件　152

9.7.6　展示結(jié)果　154

9.8　Vue.js 2.0的變化　155

9.8.1　State　155

9.8.2　Getters　156

9.8.3　Mutations　157

9.8.4　Actions　157

9.8.5　Modules　159

第10章　跨平臺開發(fā)：Weex

10.1　Weex簡介　161

10.2　Weex安裝　162

10.2.1　ios環(huán)境安裝　162

10.2.2　android環(huán)境安裝　163

10.2.3　web端運行　164

10.3　Weex實例與運行　164

10.4　Weex基礎(chǔ)語法　168

10.4.1　數(shù)據(jù)綁定　168

10.4.2　事件綁定　169

10.4.3　模板邏輯　169

10.5　Weex內(nèi)置組件　170

10.5.1　scroller　170

10.5.2　list　171

10.5.3　Switch　172

10.5.4　Slider　172

10.5.5　wxc-tabbar　174

10.5.6　wxc-navpage　175

10.6　Weex內(nèi)置模塊　176

10.6.1　dom　176

10.6.2　steam　177

10.6.3　modal　178

10.6.4　animation　179

10.6.5　webview　180

10.6.6　navigator　181

10.6.7　storage　182

第11章　Vue.js 2.0新特性

11.1　Render函數(shù)　183

11.1.1　createElement用法　184

11.1.2　使用案例　185

11.1.3　函數(shù)化組件　186

11.1.4　JSX　187

11.2　服務(wù)端渲染　188

11.2.1　vue-server-renderer　188

11.2.2　簡單實例　189

11.2.3　緩存和流式響應(yīng)　191

11.2.4　SPA實例　193