Vue.js 實戰 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

類似商品