基本介紹
- 中文名：Vue.js開發實戰
- 作者：埃里克·漢切特(Erik Hanchett)、本·利斯頓
- 出版時間：2019年9月
- 出版社：清華大學出版社
- ISBN：9787302536079
- 定價：79.8 元
內容簡介,圖書目錄,
內容簡介
標註清晰的代碼和插圖
數據建模和使用API
Vuex的便捷狀態管理
創建自定義指令
《Vue,js開發實戰》適合具有一定JavaScript、HTML和CSS經驗的Web開發人員。
圖書目錄
目 錄
第Ⅰ部分 初識Vue.js
第1章 Vue.js介紹 3
1.1 站在巨人的肩膀上 4
1.1.1 MVC模式 4
1.1.2 MVVM模式 6
1.1.3 什麼是反應式應用程式 7
1.1.4 JavaScript計算器 7
1.1.5 Vue計算器 10
1.1.6 JavaScript和Vue的差別 11
1.1.7 Vue如何促進MVVM和回響性 12
1.2 使用Vue.js的理由 12
1.3 展望未來 14
1.4 本章小結 14
第2章 Vue實例 15
2.1 我們的第一個應用程式 16
2.1.1 Vue根實例 16
2.1.2 確保應用程式可以運行 18
2.1.3 在視圖中顯示內容 20
2.1.4 檢查Vue中的屬性 22
2.2 Vue生命周期 23
2.2.1 添加生命周期鉤子 24
2.2.2 探索生命周期代碼 25
2.2.3 是否保留生命周期代碼 27
2.3 顯示商品 27
2.3.1 定義商品數據 27
2.3.2 添加商品視圖示簽 28
2.4 運用輸出過濾器 31
2.4.1 編寫過濾器函式 31
2.4.2 將過濾器添加到我們的標籤並測試不同的值 32
2.5 練習題 33
2.6 本章小結 34
第Ⅱ部分 視圖與視圖模型
第3章 增加互動性 37
3.1 購物車數據，從添加一個數組開始 38
3.2 綁定到DOM事件 39
3.2.1 事件綁定基礎 39
3.2.2 將事件綁定到Add to cart按鈕 39
3.3 添加購物車件數按鈕並計數 42
3.3.1 何時使用計算屬性 42
3.3.2 使用計算屬性檢查更新事件 43
3.3.3 顯示購物車商品計數及測試 47
3.4 讓我們的按鈕具備用戶直觀功能 49
3.4.1 密切關注庫存 49
3.4.2 使用計算屬性和庫存 50
3.4.3 指令v-show的基礎知識 51
3.4.4 使用v-if和v-else顯示被禁用的按鈕 52
3.4.5 添加Adding the cart按鈕用於切換 54
3.4.6 使用v-if顯示結賬頁面 55
3.4.7 對比v-show與v-if/v-else 56
3.5 練習題 57
3.6 本章小結 57
第4章 表單與輸入框 59
4.1 使用v-model綁定 60
4.2 關於值綁定 68
4.2.1 綁定值到複選框 68
4.2.2 使用值綁定和單選按鈕 69
4.2.3 學習v-for指令 71
4.2.4 沒有可選key的v-for指令 73
4.3 通過應用程式學習修飾符 74
4.3.1 使用.number修飾符 75
4.3.2 修剪輸入值 76
4.3.3 v-model的.lazy 修飾符 78
4.4 練習題 78
4.5 本章小結 78
第5章 條件語句、循環和列表 79
5.1 顯示可用的庫存信息 80
5.1.1 用v-if添加剩餘的商品數量 80
5.1.2 使用v-else和v-else-if添加更多訊息 82
5.2 循環商品 83
5.2.1 使用v-for範圍循環增加星級評分 84
5.2.2 將HTML類綁定到星級評分 85
5.2.3 設定商品 87
5.2.4 從product.json檔案導入商品 89
5.2.5 使用v-for指令重構應用程式 91
5.3 排序記錄 95
5.4 練習題 97
5.5 本章小結 97
第6章 使用組件 99
6.1 什麼是組件 100
6.1.1 創建組件 100
6.1.2 全局註冊 101
6.1.3 局部註冊 102
6.2 組件之間的關係 103
6.3 使用props傳遞數據 104
6.3.1 字面量props 104
6.3.2 動態props 105
6.3.3 props驗證 108
6.4 定義模板組件 111
6.4.1 使用內聯模板字元串 111
6.4.2 text/x-template腳本元素 112
6.4.3 使用單檔案組件 113
6.5 使用自定義事件 114
6.5.1 監聽事件 114
6.5.2 使用.sync修改子屬性 116
6.6 練習題 117
6.7 本章小結 117
第7章 高級組件和路由 119
7.1 使用插槽 120
7.2 具名插槽 123
7.3 作用域插槽 125
7.4 創建動態組件應用程式 127
7.5 設定異步組件 129
7.6 使用Vue-CLI轉換寵物商店應用程式 131
7.6.1 使用Vue-CLI新建應用程式 132
7.6.2 設定路由 134
7.6.3 將CSS、Bootstrap和axios添加到應用程式中 135
7.6.4 設定組件 137
7.6.5 創建Form組件 139
7.6.6 添加Main組件 140
7.7 路由 143
7.7.1 添加帶參數的商品路由 143
7.7.2 設定帶標籤的router-link 146
7.7.3 設定帶樣式的router-link 148
7.7.4 添加子編輯路由 149
7.7.5 使用重定向和通配符 151
7.8 練習題 153
7.9 本章小結 153
第8章 轉場和動畫 155
8.1 轉場基礎 155
8.2 動畫基礎 160
8.3 JavaScript鉤子 161
8.4 組件的轉場 164
8.5 更新寵物商店應用程式 167
8.5.1 在寵物商店應用程式中添加轉場 167
8.5.2 在寵物商店應用程式中加入動畫 168
8.6 練習題 171
8.7 本章小結 171
第9章 擴展Vue 173
9.1 用Mixin實現功能復用 174
9.2 通過示例學習自定義指令 179
9.3 render函式和JSX 184
9.3.1 render函式示例 185
9.3.2 JSX示例 188
9.4 練習題 192
9.5 本章小結 192
第Ⅲ部分 數據建模、API調用和測試
第10章 Vuex 195
10.1 Vuex的優勢 196
10.2 Vuex狀態與mutation 197
10.3 getter和action 201
10.4 在寵物商店應用程式的Vue-CLI腳手架中加入Vuex 203
10.5 Vuex助手 207
10.6 Vuex模組速覽 210
10.7 練習題 212
10.8 本章小結 212
第11章 與伺服器通信 213
11.1 伺服器端渲染 214
11.2 Nuxt.js簡介 215
11.2.1 創建一個音樂搜尋應用程式 217
11.2.2 創建項目並安裝依賴庫 218
11.2.3 創建構建塊和組件 221
11.2.4 更新默認布局 223
11.2.5 添加Vuex存儲 224
11.2.6 使用中間件 225
11.2.7 使用Nuxt.js生成路由 226
11.3 用Firebase和VuexFire與伺服器通信 231
11.3.1 設定Firebase 231
11.3.2 使用Firebase設定寵物商店應用程式 234
11.3.3 用身份驗證狀態更新Vuex 236
11.3.4 在Header組件中加入身份驗證 237
11.3.5 更新Main.vue以使用Firebase實時資料庫 241
11.4 練習題 242
11.5 本章小結 242
第12章 測試 243
12.1 創建測試用例 244
12.2 持續集成、持續交付和持續部署 245
12.2.1 持續集成 245
12.2.2 持續交付 246
12.2.3 持續部署 246
12.3 測試類型 246
12.4 配置環境 247
12.5 使用vue-test-utils創建第一個測試用例 249
12.6 測試組件 252
12.6.1 測試屬性 253
12.6.2 測試文本 254
12.6.3 測試CSS樣式類 254
12.6.4 使用Vuex模擬數據進行測試 255
12.7 配置Chrome調試器 257
12.8 練習題 260
12.9 本章小結 260
附錄A 配置開發環境 261
附錄B 練習題解答 267
