dy 章 遇見Vue.js 1

1.1 MVX 模式是什麼 1

1.1.1 MVC 1

1.1.2 MVP 2

1.1.3 MVVM 3

1.2 Vue.js 是什麼 4

1.2.1 Vue.js 與其他框架的區彆 4

1.2.2 如何使用Vue.js 10

1.2.3 Vue.js 的發展曆史 11

第2 章 數據綁定 13

2.1 語法 13

2.1.1 插值 13

2.1.2 錶達式 14

2.1.3 指令 14

2.2 分隔符 15

第3 章 指令 16

3.1 內部指令 16

3.1.1 v-if 16

3.1.2 v-show 17

3.1.3 v-else 18

3.1.4 v-model 19

3.1.5 v-repeat 22

3.1.6 v-for 30

3.1.7 v-text 32

3.1.8 v-html 32

3.1.9 v-bind 33

3.1.10 v-on 34

3.1.11 v-ref 35

3.1.12 v-el 36

3.1.13 v-pre 36

3.1.14 v-cloak 36

3.2 自定義指令 37

3.2.1 基礎 37

3.2.2 高級選項 41

3.3 內部指令解析 47

3.4 常見問題解析 50

第4 章 計算屬性 53

4.1 什麼是計算屬性 53

4.2 計算屬性緩存 54

4.3 常見問題 56

4.3.1 計算屬性getter 不執行的場景 56

4.3.2 在v-repeat 中使用計算屬性 57

第5 章 錶單控件綁定 59

5.1 基本用法 59

5.1.1 text 59

5.1.2 checkbox 59

5.1.3 radio 60

5.1.4 select 60

5.2 值綁定 62

5.3 v-model 修飾指令 63

5.3.1 lazy 63

5.3.2 debounce 64

5.3.3 number 64

5.4 修飾指令原理 64

5.4.1 lazy 64

5.4.2 debounce 65

5.4.3 number 66

第6 章 過濾器 67

6.1 內置過濾器 68

6.1.1 字母操作 68

6.1.2 json 69

6.1.3 限製 69

6.1.4 currency 72

6.1.5 debounce 73

6.2 自定義過濾器 73

6.2.1 fillter 語法 73

6.2.2 教你寫一個filter 75

6.3 源碼解析 76

6.3.1 管道實現 76

6.3.2 過濾器解析 77

6.4 常見問題解析 78

第7 章 Class 與Style 綁定 80

7.1 綁定HTML Class 80

7.1.1 對象語法 80

7.1.2 數組語法 82

7.2 綁定內聯樣式 82

7.2.1 對象語法 82

7.2.2 數組語法 83

7.2.3 自動添加前綴 84

第8 章 過渡 86

8.1 CSS 過渡 87

8.1.1 內置Class 類名 88

8.1.2 自定義CSS 類名 89

8.1.3 顯式聲明CSS 過渡類型 89

8.1.4 動畫案例 89

8.1.5 過渡流程 90

8.2 過渡 92

8.3 漸進過渡 93

第9 章 Method 95

9.1 如何綁定事件 95

9.1.1 內聯方式 95

9.1.2 methods 配置 96

9.1.3 $events 應用 97

9.2 如何使用修飾符 97

9.2.1 prevent 98

9.2.2 s 98

9.2.3 capture 98

9.2.4 self 98

9.2.5 按鍵 99

9.3 Vue.js 0.12 到1.0 中的變化 99

9.3.1 v-on 變更 99

9.3.2 @click 縮寫 100

dy 0 章 Vue 實例方法 101

10.1 實例屬性 101

10.1.1 組件樹訪問 101

10.1.2 DOM 訪問 102

10.1.3 數據訪問 102

10.2 實例方法 102

10.2.1 實例DOM 方法的使用 102

10.2.2 實例Event 方法的使用 104

dy 1 章 組件 107

11.1 基礎 108

11.1.1 注冊 108

11.1.2 數據傳遞 110

11.1.3 混閤 123

11.1.4 動態組件 126

11.2 相關拓展 129

11.2.1 組件和v-for 129