Vue.js 前端開(kāi)發(fā) 快速入門(mén)與專(zhuān)業(yè)應(yīng)用
定 價(jià):45 元
- 作者:陳陸揚(yáng)
- 出版時(shí)間:2017/3/1
- ISBN:9787115444936
- 出 版 社:人民郵電出版社
- 中圖法分類(lèi):TP391.414
- 頁(yè)碼:
- 紙張:膠版紙
- 版次:1
- 開(kāi)本:128開(kāi)
《Vue.js 前端開(kāi)發(fā) 快速入門(mén)與專(zhuān)業(yè)應(yīng)用》分為10章:簡(jiǎn)介,基礎(chǔ)特性,指令,過(guò)濾器,過(guò)渡,組件,狀態(tài)管理,常用插件,工程實(shí)例,Weex打包。從簡(jiǎn)單的單個(gè)實(shí)例和基礎(chǔ)語(yǔ)法,到工程實(shí)例,將系統(tǒng)的講述Vue.js在項(xiàng)目中的適用場(chǎng)景和具體操作。 書(shū)的特點(diǎn)在于案例詳實(shí),使讀者體會(huì)到框架的優(yōu)點(diǎn)和便捷之處,提升開(kāi)發(fā)效率,能將Vue.js運(yùn)用到實(shí)際項(xiàng)目中,避免紙上談兵的尷尬。
學(xué)以致用:以實(shí)際項(xiàng)目為立足點(diǎn),拒絕紙上談兵,本書(shū)幫你快速上手!
應(yīng)用廣泛:摸透Vue.js,無(wú)論是桌面端還是移動(dòng)端,讓你從容面對(duì)!
求職利器:國(guó)內(nèi)互聯(lián)網(wǎng)公司已廣泛使用Vue.js開(kāi)發(fā),再不學(xué)就晚了!
陳陸揚(yáng) 前端工程師,2011年8月入職百度擔(dān)任前端工程師,2013年2月?lián)稳ツ膬壕W(wǎng)無(wú)線touch機(jī)票前端負(fù)責(zé)人。2014.11月開(kāi)始創(chuàng)業(yè),目前在新東方投資的在線教育公司擔(dān)任前端負(fù)責(zé)人。熟悉Vue.js框架,使用并開(kāi)發(fā)線上產(chǎn)品。
第1章 Vue.js簡(jiǎn)介
1.1 Vue.js是什么 1
1.2 為什么要用Vue.js 2
1.3 Vue.js的Hello world 2
第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.4 Class與Style綁定 21
2.3 模板渲染 22
2.3.1 前后端渲染對(duì)比 23
2.3.2 條件渲染 23
2.3.3 列表渲染 25
2.3.4 template標(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.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 指令的注冊(cè) 37
3.2.2 指令的定義對(duì)象 37
3.2.3 指令實(shí)例屬性 39
3.2.4 元素指令 40
3.3 指令的高級(jí)選項(xiàng) 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í)例和參數(shù)變化 46
3.4.3 update函數(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.1 CSS過(guò)渡 52
5.1.1 CSS過(guò)渡的用法 52
5.1.2 CSS過(guò)渡鉤子函數(shù) 54
5.1.3 顯示聲明過(guò)渡類(lèi)型 57
5.1.4 自定義過(guò)渡類(lèi)名 57
5.2 JavaScript過(guò)渡 58
5.2.1 Velocity.js 58
5.2.2 JavaScript過(guò)渡使用 58
5.3 過(guò)渡系統(tǒng)在Vue.js 2.0中的變化 59
5.3.1 用法變化 59
5.3.2 類(lèi)名變化 60
5.3.3 鉤子函數(shù)變化 61
5.3.4 transition-group 63
第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 組件Props 68
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)slot 78
6.4.4 slot屬性相同 79
6.4.5 Modal實(shí)例 79
6.5 動(dòng)態(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 路由對(duì)象 93
7.1.7 v-link 94
7.1.8 路由配置項(xiàng) 95
7.1.9 route鉤子函數(shù) 96
7.1.10 路由實(shí)例屬性及方法 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方法和選項(xiàng)參數(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工程實(shí)例
8.1 準(zhǔn)備工作 111
8.1.1 webpack 111
8.1.2 vue-loader 113
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.2 nginx 125
8.5.3 gitlab 126
8.5.4 jenkins 127
第9章 狀態(tài)管理:Vuex
9.1 概述 130
9.2 簡(jiǎn)單實(shí)例 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 簡(jiǎn)單項(xiàng)目 142
9.6.2 大型項(xiàng)目 143
9.7 實(shí)例 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章 跨平臺(tái)開(kāi)發(fā):Weex
10.1 Weex簡(jiǎn)介 161
10.2 Weex安裝 162
10.2.1 ios環(huán)境安裝 162
10.2.2 android環(huán)境安裝 163
10.2.3 web端運(yùn)行 164
10.3 Weex實(shí)例與運(yùn)行 164
10.4 Weex基礎(chǔ)語(yǔ)法 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 簡(jiǎn)單實(shí)例 189
11.2.3 緩存和流式響應(yīng) 191
11.2.4 SPA實(shí)例 193