Vue.js 前端開發(fā) 快速入門與專業(yè)應(yīng)用
定 價:45 元
- 作者:陳陸揚
- 出版時間:2017/3/1
- ISBN:9787115444936
- 出 版 社:人民郵電出版社
- 中圖法分類:TP391.414
- 頁碼:
- 紙張:膠版紙
- 版次:1
- 開本:128開
《Vue.js 前端開發(fā) 快速入門與專業(yè)應(yīng)用》分為10章:簡介,基礎(chǔ)特性,指令,過濾器,過渡,組件,狀態(tài)管理,常用插件,工程實例,Weex打包。從簡單的單個實例和基礎(chǔ)語法,到工程實例,將系統(tǒng)的講述Vue.js在項目中的適用場景和具體操作。 書的特點在于案例詳實,使讀者體會到框架的優(yōu)點和便捷之處,提升開發(fā)效率,能將Vue.js運用到實際項目中,避免紙上談兵的尷尬。
學(xué)以致用:以實際項目為立足點,拒絕紙上談兵,本書幫你快速上手!
應(yīng)用廣泛:摸透Vue.js,無論是桌面端還是移動端,讓你從容面對!
求職利器:國內(nèi)互聯(lián)網(wǎng)公司已廣泛使用Vue.js開發(fā),再不學(xué)就晚了!
陳陸揚 前端工程師,2011年8月入職百度擔(dān)任前端工程師,2013年2月?lián)稳ツ膬壕W(wǎng)無線touch機票前端負(fù)責(zé)人。2014.11月開始創(chuàng)業(yè),目前在新東方投資的在線教育公司擔(dān)任前端負(fù)責(zé)人。熟悉Vue.js框架,使用并開發(fā)線上產(chǎn)品。
第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ā)機制 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