《Vue.js實戰》是2017年清華大學出版社出版的圖書,作者是梁灝。
基本信息,內容簡介,目錄結構,
基本信息
作者:梁灝
定價:79元
印次:1-2
ISBN:9787302484929
出版日期:2017.10.01
印刷日期:2017.11.06
定價:79元
印次:1-2
ISBN:9787302484929
出版日期:2017.10.01
印刷日期:2017.11.06
內容簡介
本書以Vue.js 2為基礎,以項目實戰的方式來引導讀者漸進式學習Vue.js。本書分為基礎篇、進階篇和實戰篇三部分。基礎篇主要是對 Vue.js 核心功能的介紹;進階篇主要講解前端工程化Vue.js的組件化、外掛程式的使用;實戰篇著重開發了兩個完整的示例,所涉及的內容涵蓋Vue.js絕大部分API。通過閱讀本書,讀者能夠掌握Vue.js框架主要API的使用方法、自定義指令、組件開發、單檔案組件、Render函式、使用webpack開發可復用的單頁面富套用等。本書示例豐富、側重實戰,適用於剛接觸或即將接觸Vue.js的開發者,也適用於對Vue.js有過開發經驗,但需要進一步提升的開發者。
目錄結構
第1篇基礎篇
第1章初識Vue.js 3
1.1Vue.js是什麼 3
1.1.1MVVM模式 3
1.1.2Vue.js有什麼不同 4
1.2如何使用Vue.js 5
1.2.1傳統的前端開發模式 5
1.2.2Vue.js的開發模式 5
第2章數據綁定和第一個Vue套用 8
2.1Vue實例與數據綁定 9
2.1.1實例與數據 9
2.1.2生命周期 10
2.1.3插值與表達式 11
2.1.4過濾器 13
2.2指令與事件 15
2.3語法糖 18
第3章計算屬性 19
3.1什麼是計算屬性 19
3.2計算屬性用法 20
3.3計算屬性快取 23
第4章v-bind及class與style綁定 25
4.1了解v-bind指令 25
4.2綁定class的幾種方式 26
4.2.1對象語法 26
4.2.2數組語法 27
4.2.3在組件上使用 29
4.3綁定內聯樣式 30
第5章內置指令 32
5.1基本指令 32
5.1.1v-cloak 32
5.1.2v-once 33
5.2條件渲染指令 33
5.2.1v-if、v-else-if、v-else 33
5.2.2v-show 36
5.2.3v-if與v-show的選擇 36
5.3列表渲染指令v-for 37
5.3.1基本用法 37
5.3.2數組更新 41
5.3.3過濾與排序 43
5.4方法與事件 44
5.4.1基本用法 44
5.4.2修飾符 46
5.5實戰:利用計算屬性、指令等知識開發購物車 47
第6章表單與v-model 55
6.1基本用法 55
6.2綁定值 61
6.3修飾符 63
第7章組件詳解 65
7.1組件與復用 65
7.1.1為什麼使用組件 65
7.1.2組件用法 66
7.2使用props傳遞數據 70
7.2.1基本用法 70
7.2.2單向數據流 72
7.2.3數據驗證 74
7.3組件通信 75
7.3.1自定義事件 75
7.3.2使用v-model 77
7.3.3非父子組件通信 79
7.4使用slot分發內容 83
7.4.1什麼是slot 83
7.4.2作用域 84
7.4.3slot用法 85
7.4.4作用域插槽 87
7.4.5訪問slot 89
7.5組件高級用法 90
7.5.1遞歸組件 90
7.5.2內聯模板 92
7.5.3動態組件 93
7.5.4異步組件 94
7.6其他 95
7.6.1$nextTick 95
7.6.2X-Templates 96
7.6.3手動掛載實例 97
7.7實戰:兩個常用組件的開發 98
7.7.1開發一個數字輸入框組件 98
7.7.2開發一個標籤頁組件 106
第8章自定義指令 118
8.1基本用法 118
8.2實戰 121
8.2.1開發一個可從外部關閉的下拉選單 121
8.2.2開發一個實時時間轉換指令v-time 126
第2篇進階篇
第9章Render函式 133
9.1什麼是VirtualDom 133
9.2什麼是Render函式 136
9.3createElement用法 140
9.3.1基本參數 140
9.3.2約束 143
9.3.3使用JavaScript代替模板功能 147
9.4函式化組件 153
9.5JSX 157
9.6實戰:使用Render函式開發可排序的表格組件 159
9.7實戰:留言列表 172
9.8總結 183
第10章使用webpack 184
10.1前端工程化與webpack 184
10.2webpack基礎配置 187
10.2.1安裝webpack與webpack-dev-server 187
10.2.2就是一個js檔案而已 188
10.2.3逐步完善配置檔案 191
10.3單檔案組件與vue-loader 194
10.4用於生產環境 201
第11章外掛程式 206
11.1前端路由與vue-router 207
11.1.1什麼是前端路由 207
11.1.2vue-router基本用法 208
11.1.3跳轉 212
11.1.4高級用法 213
11.2狀態管理與Vuex 216
11.2.1狀態管理與使用場景 216
11.2.2Vuex基本用法 217
11.2.3高級用法 221
11.3實戰:中央事件匯流排外掛程式vue-bus 227
第3篇實戰篇
第12章iView經典組件剖析 235
12.1級聯選擇組件Cascader 236
12.2摺疊面板組件Collapse 249
12.3iView內置工具函式 257
第13章實戰:知乎日報項目開發 261
13.1分析與準備 261
13.2推薦列表與分類 265
13.2.1搭建基本結構 265
13.2.2主題日報 267
13.2.3每日推薦 271
13.2.4自動載入更多推薦列表 276
13.3文章詳情頁 278
13.3.1載入內容 278
13.3.2載入評論 281
13.4總結 286
第14章實戰:電商網站項目開發 288
14.1項目工程搭建 288
14.2商品列表頁 290
14.2.1需求分析與模組拆分 290
14.2.2商品簡介組件 291
14.2.3列表按照價格、銷量排序 297
14.2.4列表按照品牌、顏色篩選 306
14.3商品詳情頁 309
14.4購物車 313
14.4.1準備數據 314
14.4.2顯示和運算元據 316
14.4.3使用優惠碼 320
14.5總結 324
第15章相關開源項目介紹 325
15.1服務端渲染與Nuxt.js 325
15.1.1是否需要服務端渲染 325
15.1.2Nuxt.js 326
15.2HTTP庫axios 327
15.3多語言外掛程式vue-i18n 329