Vue.js 權威指南 Vue.js权威指南

滴滴出行公共前端團隊，主要負責公司級組件庫和基礎服務建設和前端解決方案。我們喜歡新技術，熱衷沉澱和積累。

張耀春：公共前端團隊負責人，人稱“小春”，09年接觸前端，喜歡潛水、賽車和專研新技術。
黃軼：前端技術專家，擅長前端自動化、工程化及前端架構，喜歡開源，樂於分享。
王靜：負責mis項目開發管理，愛生活、愛冒險、愛挑戰，對代碼有一丟丟的小潔癖。
蘇偉：負責MIS系統開發，熟悉Angular、Vue等開發框架，擅長使用工具來提高開發效率。
王瑾：負責webapp方向的開發，喜歡自己的代碼最終呈現在用戶面前的感覺。
殷獻勇：北郵土著，CS碩士在讀。享受編程，熱愛前端。期待成為超級JavaScript技術棧工程師。

第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過渡

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 ……

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參數復用