日本免费精品视频,男人的天堂在线免费视频,成人久久久精品乱码一区二区三区,高清成人爽a毛片免费网站

第1章Vue.js簡(jiǎn)介

1.1Vue.js是什么1

1.2為什么要用Vue.js2

1.3Vue.js的Hello world2

第2章基礎(chǔ)特性

2.1實(shí)例及選項(xiàng)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ù)綁定語(yǔ)法13

2.2.2計(jì)算屬性17

2.2.3表單控件18

2.2.4Class與Style綁定21

2.3模板渲染22

2.3.1前后端渲染對(duì)比23

2.3.2條件渲染23

2.3.3列表渲染25

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

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

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

2.4.2修飾符29

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

2.5Vue.extend()31

第3章指令

3.1內(nèi)置指令32

3.1.1v-bind32

3.1.2v-model33

3.1.3v-if-else-show33

3.1.4v-for33

3.1.5v-on34

3.1.6v-text34

3.1.7v-HTML35

3.1.8v-el35

3.1.9v-ref35

3.1.10v-pre36

3.1.11v-cloak36

3.1.12v-once37

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

3.2.1指令的注冊(cè)37

3.2.2指令的定義對(duì)象37

3.2.3指令實(shí)例屬性39

3.2.4元素指令40

3.3指令的高級(jí)選項(xiàng)41

3.3.1params41

3.3.2deep42

3.3.3twoWay43

3.3.4acceptStatement44

3.3.5terminal44

3.3.6priority45

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

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

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

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

3.4.4參數(shù)binding對(duì)象47

第4章過(guò)濾器

4.1過(guò)濾器注冊(cè)48

4.2雙向過(guò)濾器49

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

4.4過(guò)濾器在Vue.js 2.0中的變化51

第5章過(guò)渡

5.1CSS過(guò)渡52

5.1.1CSS過(guò)渡的用法52

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

5.1.3顯示聲明過(guò)渡類型57

5.1.4自定義過(guò)渡類名57

5.2JavaScript過(guò)渡58

5.2.1Velocity.js58

5.2.2JavaScript過(guò)渡使用58

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

5.3.1用法變化59

5.3.2類名變化60

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

5.3.4transition-group63

第6章組件

6.1組件注冊(cè)65

6.1.1全局注冊(cè)65

6.1.2局部注冊(cè)66

6.1.3注冊(cè)語(yǔ)法糖67

6.2組件選項(xiàng)67

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

6.2.2組件Props68

6.3組件間通信71

6.3.1直接訪問(wèn)71

6.3.2自定義事件監(jiān)聽(tīng)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)slot78

6.4.4slot屬性相同79

6.4.5Modal實(shí)例79

6.5動(dòng)態(tài)組件82

6.5.1基礎(chǔ)用法82

6.5.2keep-alive83

6.5.3activate 鉤子函數(shù)84

6.6Vue.js 2.0中的變化85

6.6.1event85

6.6.2keep-alive86

6.6.3slot87

6.6.4refs87

第7章Vue.js常用插件

7.1Vue-router88

7.1.1引用方式88

7.1.2基本用法89

7.1.3嵌套路由90

7.1.4路由匹配92

7.1.5具名路由93

7.1.6路由對(duì)象93

7.1.7v-link94

7.1.8路由配置項(xiàng)95

7.1.9route鉤子函數(shù)96

7.1.10路由實(shí)例屬性及方法99

7.1.11vue-router 2.0 的變化100

7.2Vue-resource104

7.2.1引用方式104

7.2.2使用方式105

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

7.2.4攔截器107

7.2.5$resource用法107

7.2.6封裝Service層109

7.3Vue-devtools109

7.3.1安裝方式110

7.3.2使用效果110

第8章Vue.js工程實(shí)例

8.1準(zhǔn)備工作111

8.1.1webpack111

8.1.2vue-loader113

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

8.3前端開(kāi)發(fā)117

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

8.5部署上線124

8.5.1生成線上文件124

8.5.2nginx125

8.5.3gitlab126

8.5.4jenkins127

第9章?tīng)顟B(tài)管理：Vuex

9.1概述130

9.2簡(jiǎn)單實(shí)例131

9.2.1所需組件131

9.2.2創(chuàng)建并注入store132

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

9.2.4創(chuàng)建mutation134

9.2.5組件獲取state135

9.3嚴(yán)格模式137

9.4中間件137

9.4.1快照138

9.4.2logger138

9.5表單處理139

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

9.6.1簡(jiǎn)單項(xiàng)目142

9.6.2大型項(xiàng)目143

9.7實(shí)例145

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

9.7.2actions.js148

9.7.3app.js148

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

9.7.5base組件152

9.7.6展示結(jié)果154

9.8Vue.js 2.0的變化155

9.8.1State155

9.8.2Getters156

9.8.3Mutations157

9.8.4Actions157

9.8.5Modules159

第10章跨平臺(tái)開(kāi)發(fā)：Weex

10.1Weex簡(jiǎn)介161

10.2Weex安裝162

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

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

10.2.3web端運(yùn)行164

10.3Weex實(shí)例與運(yùn)行164

10.4Weex基礎(chǔ)語(yǔ)法168

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

10.4.2事件綁定169

10.4.3模板邏輯169

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

10.5.1scroller170

10.5.2list171

10.5.3Switch172

10.5.4Slider172

10.5.5wxc-tabbar174

10.5.6wxc-navpage175

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

10.6.1dom176

10.6.2steam177

10.6.3modal178

10.6.4animation179

10.6.5webview180

10.6.6navigator181

10.6.7storage182

第11章Vue.js 2.0新特性

11.1Render函數(shù)183

11.1.1createElement用法184

11.1.2使用案例185

11.1.3函數(shù)化組件186

11.1.4JSX187

11.2服務(wù)端渲染188

11.2.1vue-server-renderer188

11.2.2簡(jiǎn)單實(shí)例189

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

11.2.4SPA實(shí)例193