Vue.js權威指南
本書讀者對象
本書結構
1 遇見Vue.js
1.1 MVX模式是什么
1.1.1 MVC
1.1.2 MVP
1.1.3 MVVM
1.2 Vue.js是什么
1.2.1 Vue.js與其他框架的區別
1.2.2 如何使用Vue.js
1.2.3 Vue.js的發展歷史
2 數據綁定
2.1 語法
2.1.1 插值
2.1.2 表達式
2.1.3 指令
2.2 分隔符
3 指令
3.1 內部指令
3.1.1 v-if
3.1.2 v-show
3.1.3 v-else
3.1.4 v-model
3.1.5 v-repeat
3.1.6 v-for
3.1.7 v-text
3.1.8 v-html
3.1.9 v-bind
3.1.10 v-on
3.1.11 v-ref
3.1.12 v-el
3.1.13 v-pre
3.1.14 v-cloak
3.2 自定義指令
3.2.1 基礎
3.2.2 高級選項
3.3 內部指令解析
3.4 常見問題解析
4 計算屬性
4.1 什么是計算屬性
4.2 計算屬性緩存
4.3 常見問題
4.3.1 計算屬性getter不執行的場景
4.3.2 在v-repeat中使用計算屬性
5 表單控件綁定
5.1 基本用法
5.1.1 text
5.1.2 checkbox
5.1.3 radio
5.1.4 select
5.2 值綁定
5.3 v-model修飾指令
5.3.1 lazy
5.3.2 debounce
5.3.3 number
5.4 修飾指令原理
5.4.1 lazy源碼解析
5.4.2 debounce源碼解析
5.4.3 number源碼解析
6 過濾器
6.1 內置過濾器
6.1.1 字母操作
6.1.2 json過濾器
6.1.3 限制
6.1.4 currency過濾器
6.1.5 debounce過濾器
6.2 自定義過濾器
6.2.1 fillter語法
6.2.2 教你寫一個filter
6.3 源碼解析
6.3.1 管道實現
6.3.2 過濾器解析
6.4 常見問題解析
7 Class與Style綁定
7.1 綁定HTML Class
7.1.1 對象語法
7.1.2 數組語法
7.2 綁定內聯樣式
7.2.1 對象語法
7.2.2 數組語法
7.2.3 自動添加前綴
8 過渡
8.1 CSS過渡
8.1.1 內置Class類名
8.1.2 自定義CSS類名
8.1.3 顯式聲明CSS過渡類型
8.1.4 動畫案例
8.1.5 過渡流程
8.2 JavaScript過渡
8.3 漸進過渡
9 Method
9.1 如何綁定事件
9.1.1 內聯方式
9.1.2 methods配置
9.1.3 $events應用
9.2 如何使用修飾符
9.2.1 prevent
9.2.2 stop
9.2.3 capture
9.2.4 self
9.2.5 按鍵
9.3 Vue.js 0.12到1.0中的變化
9.3.1 v-on變更
9.3.2 @click縮寫
10 Vue實例方法
10.1 實例屬性
10.1.1 組件樹訪問
10.1.2 DOM訪問
10.1.3 數據訪問
10.2 實例方法
10.2.1 實例DOM方法的使用
10.2.2 實例Event方法的使用
11 組件
11.1 基礎
11.1.1 注冊
11.1.2 數據傳遞
11.1.3 混合
11.1.4 動態組件
11.2 相關拓展
11.2.1 組件和v-for
11.2.2 編寫可復用組件
11.2.3 異步組件
11.2.4 資源命名約定
11.2.5 內聯模板
11.2.6 片段實例
11.3 生命周期
11.4 開發組件
11.4.1 基礎組件
11.4.2 基於第三方組件開發
11.5 常見問題解析
12 表單校驗
12.1 安裝
12.2 基本使用
12.3 驗證結果結構
12.4 驗證器語法
12.4.1 校驗字段名field
12.4.2 校驗規則定義
12.5 內置驗證規則
12.5.1 required
12.5.2 pattern
12.5.3 minlength
12.5.4 maxlength
12.5.5 min
12.5.6 max
12.6 與v-model同時使用
12.7 重置校驗結果
12.8 表單元素
12.9 各校驗狀態對應的class
12.9.1 自定義校驗狀態class
12.9.2 在其他元素上使用校驗狀態class
12.10 分組校驗
12.11 錯誤信息
12.11.1 錯誤信息輸出組件
12.11.2 動態設置錯誤信息
12.12 事件
12.12.1 單個字段校驗事件
12.12.2 整個表單校驗事件
12.13 延遲初始化
12.14 自定義驗證器
12.14.1 注冊自定義驗證器
12.14.2 錯誤信息
12.15 自定義驗證時機
12.16 異步驗證
12.16.1 注冊異步驗證器
12.16.2 驗證器函數context
13 與服務端通信
13.1 vue-resource安裝及配置
13.1.1 安裝
13.1.2 參數配置
13.1.3 headers配置
13.1.4 基本HTTP調用
13.1.5 請求選項對象
13.1.6 response對象
13.1.7 RESTful調用
13.1.8 攔截器
13.1.9 跨域AJAX
13.1.10 Promise
13.1.11 url模板
13.2 vue-async-data
13.2.1 安裝
13.2.2 使用
13.3 常見問題解析
13.3.1 如何發送JSONP請求
13.3.2 如何修改發送給服務端的數據類型
13.3.3 跨域請求出錯
13.3.4 $.http.post方法變為OPTIONS方法
14 路由與視圖
14.1 如何安裝
14.2 基本使用
14.3 視圖部分
14.3.1 v-link
14.3.2 router-view
14.4 路由實例
14.5 組件路由配置
14.5.1 路由切換的各個階段
14.5.2 各階段的鈎子函數介紹
14.6 路由匹配
14.6.1 動態片段
14.6.2 全匹配片段
14.6.3 具名路徑
14.6.4 路由對象
14.7 transition對象
14.8 嵌套路由
14.9 動態加載路由組件
14.10 實戰
14.10.1 瀏覽器直接引用
14.10.2 Webpack模塊化開發
14.11 常見問題解析
15 vue-cli
15.1 安裝
15.2 基本使用
15.3 命令
15.3.1 init
15.3.2 list
15.4 模板
15.4.1 官方模板
15.4.2 自定義模板
15.4.3 本地模板
15.5 不錯的工具包
15.5.1 commander
15.5.2 download-git-repo
15.5.3 inquirer
15.5.4 ora
16 測試開發與調試
16.1 測試工具
16.1.1 ESLint
16.1.2 工具包
16.2 開發工具
16.2.1 Vue Syntax Highlight
16.2.2 Snippets
16.2.3 其他編輯器/IDE
16.3 調試工具
17 Scrat+Vue.js的化學反應
17.1 淺談前端工程化
17.2 前端工程化怎么做
17.3 Scrat簡介
17.4 Scrat+Vue.js實現組件
17.5 案例分析
17.5.1 准備工作
17.5.2 代碼實現
17.5.3 編譯和發布
17.6 總結
18 Vue.js 2.0
18.1 API變更
18.1.1 全局配置
18.1.2 全局API
18.1.3 VM選項
18.1.4 實例屬性
18.1.5 實例方法
18.1.6 指令
18.1.7 特殊元素
18.1.8 服務端渲染
18.2 Virtual DOM
18.2.1 認識Virtual DOM
18.2.2 Virtual DOM在Vue.js 2.0中的實現
18.3 服務端渲染技術
18.3.1 普通服務端渲染
18.3.2 流式服務端渲染
18.4 總結
19 源碼篇——util
19.1 env
19.1.1 系統判斷
19.1.2 屬性支持
19.1.3 過渡屬性
19.1.4 nextTick
19.1.5 set
19.2 dom
19.2.1 dom操作
19.2.2 屬性操作
19.2.3 class操作
19.2.4 事件操作
19.2.5 其他
19.3 lang
19.3.1 對象操作
19.3.2 名稱轉換
19.3.3 數組操作
19.3.4 類型轉換
19.3.5 方法綁定
19.3.6 其他
19.4 components
19.5 options
19.6 debug
20 源碼篇——深入響應式原理
20.1 如何追蹤變化
20.1.1 Observer
20.1.2 Directive
20.1.3 Watcher
20.2 變化檢測問題
20.3 初始化數據
20.4 異步更新隊列
20.5 計算屬性的奧秘
20.6 總結
21 源碼篇——父子類合並策略
21.1 策略是什么
21.1.1 生命周期合並策略
21.1.2 屬性方法計算
21.1.3 數據合並策略
22 源碼篇——緩存
22.1 Cache有什么用
22.2 LRU
22.3 Cache類
22.4 put
22.5 shift
22.6 get
23 源碼篇——屬性props
23.1 流程設計
23.2 屬性name
23.3 coerce
23.4 type 驗證
23.5 default
23.6 validator
24 源碼篇——events
24.1 events配置是什么
24.2 如何配置
24.2.1 $emit觸發
24.2.2 $once 綁定
24.2.3 $off刪除
24.2.4 $dispatch派發
24.2.5 $broadcast廣播
25 Webpack
25.1 安裝
25.2 基本使用
25.3 命令行
25.4 配置文件
25.4.1 context
25.4.2 entry
25.4.3 output
25.4.4 module
25.4.5 resolve
25.4.6 devServer
25.5 開發調試
25.5.1 安裝
25.5.2 啟動服務
25.5.3 命令行參數
25.5.4 配置文件
25.6 使用插件
25.6.1 安裝
25.6.2 常用插件
26 Rollup
26.1 簡介
26.2 安裝
26.3 配置
26.4 命令
26.5 插件
26.6 常見問題解析
27 Browserify
27.1 安裝
27.2 基本使用
27.3 轉換模塊
27.3.1 安裝轉換模塊
27.3.2 使用轉換模塊
27.3.3 相關轉換模塊介紹
28 vue-loader
28.1 如何配置
28.2 包含內容
28.3 特性介紹
28.4 常見問題解析
28.5 源碼解析
28.6 工具包介紹
29 PostCSS
29.1 安裝
29.2 配置
29.3 命令
29.4 插件
30 拓展篇
30.1 Composition Event
30.2 ES 6
30.2.1 模塊
30.2.2 let
30.2.3 const
30.3 object
30.4 函數柯里化
30.4.1 動態創建函數
30.4.2 參數復用
思維導圖
防止博客圖床圖片失效，防止圖片源站外鏈：
http://www.processon.com/chart_image/5e5b3b5be4b0cb56dab1223d.png)
思維導圖在線編輯鏈接：