Vue.js 實戰 Vue.js实战

梁灝

買這商品的人也買了...

商品描述

本書以Vue.js 2為基礎,以項目實戰的方式來引導讀者漸進式學習Vue.js。本書分為基礎篇、進階篇和實戰篇三部分。基礎篇主要是對 Vue.js 核心功能的介紹;進階篇主要講解前端工程化Vue.js的組件化、插件的使用;實戰篇著重開發了兩個完整的示例,所涉及的內容涵蓋Vue.js絕大部分API。通過閱讀本書,讀者能夠掌握Vue.js框架主要API的使用方法、自定義指令、組件開發、單文件組件、Render函數、使用webpack開發可復用的單頁面富應用等。 本書示例豐富、側重實戰,適用於剛接觸或即將接觸Vue.js的開發者,也適用於對Vue.js有過開發經驗,但需要進一步提升的開發者。

海報:

作者簡介

梁灝:網名Aresn,基於Vue.js的開源UI組件庫iView的作者。
目前在大數據公司TalkingData負責可視化基礎架構。
創辦了程序員社區TalkingCoder。

目錄大綱

第1篇基礎篇

第1章初識Vue.js 3 
1.1 Vue.js是什麼3 
1.1.1 MVVM模式3 
1.1.2 Vue.js有什麼不同4 
1.2如何使用Vue.js 5 
1.2.1傳統的前端開發模式5 
1.2.2 Vue.js的開發模式5 

第2章數據綁定和第一個Vue應用8 
2.1 Vue實例與數據綁定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.1 v-cloak 32 
5.1.2 v-once 33 
5.2條件渲染指令33 
5.2.1 v-if、v-else-if、v-else 33 
5.2.2 v-show 36 
5.2.3 v-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.3 slot用法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.2 X-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什麼是Virtual Dom 133 
9.2什麼是Render函數136 
9.3 createElement用法140 
9.3.1基本參數140
9.3.2約束143 
9.3.3使用JavaScript代替模板功能147 
9.4函數化組件153 
9.5 JSX 157 
9.6實戰:使用Render函數開發可排序的表格組件159 
9.7實戰:留言列表172 
9.8總結183 

第10章使用webpack 184 
10.1前端工程化與webpack 184 
10.2 webpack基礎配置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.2 vue-router基本用法208 
11.1.3跳轉212 
11.1.4高級用法213 
11.2狀態管理與Vuex 216 
11.2.1狀態管理與使用場景216 
11.2.2 Vuex基本用法217 
11.2.3高級用法221 
11.3實戰:中央事件總線插件vue-bus 227

第3篇實戰篇

第12章iView經典組件剖析235 
12.1級聯選擇組件Cascader 236 
12.2折疊面板組件Collapse 249 
12.3 iView內置工具函數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.2 Nuxt.js 326 
15.2 HTTP庫axios 327 
15.3多語言插件vue-i18n 329