Vue.js是一個(gè)漸進(jìn)式的JavaScript 框架，與其他重量級(jí)框架不同的是，Vue 采用自底向上增量開(kāi)發(fā)的設(shè)計(jì)。Vue 的核心庫(kù)只關(guān)注視圖層，它不僅易于上手，還便于與第三方庫(kù)或既有項(xiàng)目整合。作為2016年社區(qū)*火的前端框架，越來(lái)越多的公司都在嘗試用Vue來(lái)開(kāi)發(fā)自己的項(xiàng)目。本書(shū)主要以項(xiàng)目維度，站在實(shí)戰(zhàn)的角度，從項(xiàng)目的搭建，項(xiàng)目開(kāi)發(fā)，到項(xiàng)目的優(yōu)化，結(jié)合實(shí)際，多維度介紹了Vue.js。本書(shū)從實(shí)戰(zhàn)場(chǎng)景出發(fā)，結(jié)合各種實(shí)用demo，結(jié)合開(kāi)發(fā)環(huán)境構(gòu)建，從無(wú)到有，剖析原理，全面介紹Vue2.0的實(shí)用技巧。后面幾章重點(diǎn)講解Vue內(nèi)部實(shí)現(xiàn)機(jī)制，針對(duì)各種業(yè)務(wù)形態(tài)的支持以及網(wǎng)站調(diào)優(yōu)方等等，是Vue技術(shù)體系追隨者不可多得的實(shí)戰(zhàn)寶典。

目 錄

第1章 搭建開(kāi)發(fā)環(huán)境 1
1.1 本地Node環(huán)境 1
1.1.1 Node.js 1
1.1.2 npm 7
1.1.3 yarn 12
1.1.4 npm vs yarn 17
1.2 ide相關(guān)配置 17
1.2.1 常用ide 17
1.2.2 Sublime text 17
1.2.3 Atom 20
1.2.4 WebStorm 22
1.2.5 VSCode 23
1.3 本章小結(jié) 27
第2章 從零搭建Vue工程 28
2.1 本地開(kāi)發(fā)需要哪些工具 28
2.2 搭建Vue工程 29
2.2.1 Vue-cli 29
2.2.2 腳手架項(xiàng)目構(gòu)成分析 30
2.3 webpack配置 32
2.3.1 webpack簡(jiǎn)介 32
2.3.2 webpack配置解析 33
第3章 API詳解 45
3.1 全局變量 45
3.1.1 silent 45
3.1.2 optionMergeStrategies 45
3.1.3 devtools 46
3.1.4 errorHandler 48
3.1.5 ignoredElements 48
3.1.6 keyCodes 49
3.1.7 performance 49
3.1.8 productionTip 49
3.2 模板語(yǔ)法 50
3.3 指令 50
3.3.1 v-text 51
3.3.2 v-html 51
3.3.3 v-pre 51
3.3.4 v-cloak 52
3.3.5 v-once 53
3.3.6 v-if 54
3.3.7 v-else 54
3.3.8 v-else-if 55
3.3.9 v-show 55
3.3.10 v-for 56
3.3.11 v-bind 64
3.3.12 v-model 70
3.3.13 v-on 74
3.3.14 自定義指令 77
3.4 過(guò)濾器 79
3.5 計(jì)算屬性 80
3.5.1 基礎(chǔ)例子 80
3.5.2 計(jì)算屬性vs Methods 81
3.5.3 計(jì)算屬性緩存 81
3.5.4 Computed屬性vs Watched屬性 82
3.5.5 計(jì)算setter 83
3.6 觀察者Watchers 84
3.7 組件的功能與使用 86
3.7.1 使用組件 86
3.7.2 組件開(kāi)發(fā) 88
3.7.3 非Props屬性 92
3.7.4 自定義事件 92
3.7.5 Slots內(nèi)容分發(fā) 96
3.7.6 動(dòng)態(tài)組件 99
3.7.7 組件的其他知識(shí) 100
3.8 繼承與混合 104
3.8.1 Vue.extend 105
3.8.2 options里的extends 105
3.8.3 源碼分析 105
3.8.4 合并策略 106
3.9 插件plugin 111
第4章 Vue組件庫(kù) 115
4.1 Element 115
4.1.1 Element的設(shè)計(jì) 115
4.1.2 Element的UI 116
4.1.3 Element的優(yōu)缺點(diǎn) 117
4.2 Mint UI 118
4.2.1 Mint UI的特性 118
4.2.2 Mint UI的優(yōu)缺點(diǎn) 119
4.3 iView 119
4.3.1 iView簡(jiǎn)介 120
4.3.2 iView的優(yōu)缺點(diǎn) 120
4.4 Vux 121
4.4.1 Vux簡(jiǎn)介 121
4.4.2 Vux優(yōu)缺點(diǎn) 122
4.5 XCUI 122
4.5.1 XCUI簡(jiǎn)介 122
4.5.2 XCUI優(yōu)缺點(diǎn) 123
第5章 官方周邊庫(kù) 124
5.1 Axios 124
5.1.1 功能 124
5.1.2 安裝 124
5.1.3 Example 125
5.1.4 Axios API 126
5.1.5 請(qǐng)求配置 127
5.1.6 響應(yīng)結(jié)構(gòu) 130
5.1.7 配置的默認(rèn)值/defaults 131
5.1.8 攔截器 132
5.1.9 錯(cuò)誤處理 133
5.1.10 取消 134
5.1.11 Promises 135
5.1.12 TypeScript 135
5.2 Vuex的使用 135
5.2.1 State 135
5.2.2 Getters 137
5.2.3 Mutations ＆ Actions 138
5.2.4 Modules 141
5.2.5 模塊重用 145
5.3 Vue-router使用 146
5.3.1 安裝 146
5.3.2 開(kāi)始 146
5.3.3 動(dòng)態(tài)路由匹配 147
5.3.4 編程式導(dǎo)航 151
5.3.5 命名路由 152
5.3.6 命名視圖 153
5.3.7 重定向和別名 153
5.3.8 HTML5 History模式 154
5.3.9 后端配置例子 155
5.3.10 警告 155
5.3.11 導(dǎo)航鉤子 156
5.3.12 過(guò)渡動(dòng)效 159
5.3.13 數(shù)據(jù)獲取 160
5.3.14 滾動(dòng)行為 163
5.3.15 懶加載 164
第6章 Vue項(xiàng)目?jī)?yōu)化 166
6.1 狀態(tài)過(guò)渡 166
6.1.1 過(guò)渡的概念 166
6.1.2 CSS過(guò)渡 166
6.1.3 Javascript鉤子 167
6.2 Vue項(xiàng)目的自動(dòng)化測(cè)試 170
6.2.1 unit tests 172
6.2.2 e2e測(cè)試 175
6.3 Typescript Support 179
6.3.1 Typescript 179
6.3.2 安裝Typescript 180
6.3.3 Typescript和Vue結(jié)合 180
6.4 MPA 186
6.4.1 關(guān)于MPA的優(yōu)劣勢(shì) 187
6.4.2 如何實(shí)現(xiàn)MPA 187
6.5 Vue的異構(gòu) 190
6.5.1 不屬于異構(gòu)的情況 191
6.5.2 通過(guò)封裝成Vue組件的方式實(shí)現(xiàn)異構(gòu) 192
6.5.3 通過(guò)directive的方式實(shí)現(xiàn)異構(gòu) 194
6.5.4 循環(huán)嵌套Vue組件 197
6.6 服務(wù)端渲染 198
6.6.1 服務(wù)端渲染的概念 198
6.6.2 用Vue-ssr的意義 198
6.6.3 Vue-ssr的作用 198
6.6.4 Vue-ssr學(xué)習(xí)難度 198
6.6.5 技術(shù)棧 199
6.6.6 前后端數(shù)據(jù)策略 199
6.6.7 性能影響 199
6.6.8 安裝 200
6.6.9 渲染一個(gè)Vue實(shí)例 200
6.6.10 一個(gè)例子 202
6.7 Vue的pre-render 204
第7章 原理解析 206
7.1 Virtual DOM原理 206
7.1.1 DOM 206
7.1.2 Virtual DOM算法 209
7.2 Vue精髓之響應(yīng)式數(shù)據(jù)流 210
7.2.1 數(shù)據(jù)流演進(jìn)史 210
7.2.2 Vue和React介紹 211
7.2.3 Vue的響應(yīng)式數(shù)據(jù)流的優(yōu)勢(shì) 211
7.2.4 Object.defineProperty與訂閱發(fā)布設(shè)計(jì)模式 213
7.2.5 Vue源碼 214
7.2.6 Vue的render函數(shù)就是Watcher的expOrFn 218
7.3 Vuex2.0源碼解析 219
7.3.1 Vuex的含義 219
7.3.2 源碼分析 220
7.3.3 Vuex API分析 233
7.3.4 輔助函數(shù) 235
7.3.5 插件 239
7.3.6 一些函數(shù)的封裝 242
7.4 Vue-router原理 244
7.4.1 Vue-router 244
7.4.2 Vue-router應(yīng)用舉例 244
7.4.3 Vue-router原理 245
第8章 進(jìn)軍WEEX 256
8.1 搭建WEEX基礎(chǔ)環(huán)境 256
8.1.1 初始化：hello world 256
8.1.2 dotwe 257
8.2 分析首個(gè)WEEX工程代碼 258
8.2.1 目錄結(jié)構(gòu) 258
8.2.2 通過(guò)serve起服務(wù) 258
8.2.3 webpack配置 259
8.2.4 頁(yè)面開(kāi)發(fā) 260
8.3 debug WEEX代碼 260
8.3.1 web端調(diào)試 260
8.3.2 手機(jī)端調(diào)試 261
8.4 集成WEEX到已有應(yīng)用 263
8.4.1 集成到Android 263
8.4.2 集成到iOS 268
8.5 使用WEEXpack構(gòu)建移動(dòng)應(yīng)用 271