Vue.js實(shí)戰簡(jiǎn)介，目錄書(shū)摘

編輯推薦:

    Vue.js作者尤雨溪作推薦序

     業(yè)界前端大腕 TalkingData 研發(fā)副總裁,馬驥;w3cplus.com站長(cháng),大漠;在線(xiàn)回聲前端技術(shù)專(zhuān)家,justjavac（迷渡）;laravel-china.org站長(cháng),Summer 聯(lián)袂推薦！   Vue社區iView組件貢獻者，前端大神梁灝執筆編撰，突出實(shí)戰，應用為王。

內容簡(jiǎn)介:

      《 Vue.js實(shí)戰》》以Vue.js 2為基礎，以項目實(shí)戰的方式來(lái)引導讀者漸進(jìn)式學(xué)習Vue.js?！禫ue.js實(shí)戰》分為基礎篇、進(jìn)階篇和實(shí)戰篇三部分?；A篇主要是對 Vue.js 核心功能的介紹；進(jìn)階篇主要講解前端工程化Vue.js的組件化、插件的使用；實(shí)戰篇著(zhù)重開(kāi)發(fā)了兩個(gè)完整的示例，所涉及的內容涵蓋Vue.js絕大部分API。通過(guò)閱讀《 Vue.js實(shí)戰》，讀者能夠掌握Vue.js框架主要API的使用方法、自定義指令、組件開(kāi)發(fā)、單文件組件、Render函數、使用webpack開(kāi)發(fā)可復用的單頁(yè)面富應用等。
     《 Vue.js實(shí)戰》示例豐富、側重實(shí)戰，適用于剛接觸或即將接觸Vue.js的開(kāi)發(fā)者，也適用于對Vue.js有過(guò)開(kāi)發(fā)經(jīng)驗，但需要進(jìn)一步提升的開(kāi)發(fā)者。

作者簡(jiǎn)介:

       梁灝:網(wǎng)名 Aresn，基于 Vue.js 的開(kāi)源 UI 組件庫 iView 的作者。目前在大數據公司 TalkingData 負責可視化基礎架構。創(chuàng )辦了程序員社區 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  傳統的前端開(kāi)發(fā)模式    5
1.2.2  Vue.js的開(kāi)發(fā)模式    5
第2章  數據綁定和第一個(gè)Vue應用    8
2.1  Vue實(shí)例與數據綁定    9
2.1.1  實(shí)例與數據    9
2.1.2  生命周期    10
2.1.3  插值與表達式    11
2.1.4  過(guò)濾器    13
2.2  指令與事件    15
2.3  語(yǔ)法糖    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  對象語(yǔ)法    26
4.2.2  數組語(yǔ)法    27
4.2.3  在組件上使用    29
4.3  綁定內聯(lián)樣式    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  過(guò)濾與排序    43
5.4  方法與事件    44
5.4.1  基本用法    44
5.4.2  修飾符    46
5.5  實(shí)戰：利用計算屬性、指令等知識開(kāi)發(fā)購物車(chē)    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分發(fā)內容    83
7.4.1  什么是slot    83
7.4.2  作用域    84
7.4.3  slot用法    85
7.4.4  作用域插槽    87
7.4.5  訪(fǎng)問(wèn)slot    89
7.5  組件高級用法    90
7.5.1  遞歸組件    90
7.5.2  內聯(lián)模板    92
7.5.3  動(dòng)態(tài)組件    93
7.5.4  異步組件    94
7.6  其他    95
7.6.1  $nextTick    95
7.6.2  X-Templates    96
7.6.3  手動(dòng)掛載實(shí)例    97
7.7  實(shí)戰：兩個(gè)常用組件的開(kāi)發(fā)    98
7.7.1  開(kāi)發(fā)一個(gè)數字輸入框組件    98
7.7.2  開(kāi)發(fā)一個(gè)標簽頁(yè)組件    106
第8章  自定義指令    118
8.1  基本用法    118
8.2  實(shí)戰    121
8.2.1  開(kāi)發(fā)一個(gè)可從外部關(guān)閉的下拉菜單    121
8.2.2  開(kāi)發(fā)一個(gè)實(shí)時(shí)時(shí)間轉換指令v-time    126
第2篇  進(jìn)階篇
第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  實(shí)戰：使用Render函數開(kāi)發(fā)可排序的表格組件    159
9.7  實(shí)戰：留言列表    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  就是一個(gè)js文件而已    188
10.2.3  逐步完善配置文件    191
10.3  單文件組件與vue-loader    194
10.4  用于生產(chǎn)環(huán)境    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  狀態(tài)管理與Vuex    216
11.2.1  狀態(tài)管理與使用場(chǎng)景    216
11.2.2  Vuex基本用法    217
11.2.3  高級用法    221
11.3  實(shí)戰：中央事件總線(xiàn)插件vue-bus    227
第3篇  實(shí)戰篇
第12章  iView經(jīng)典組件剖析    235
12.1  級聯(lián)選擇組件Cascader    236
12.2  折疊面板組件Collapse    249
12.3  iView內置工具函數    257
第13章  實(shí)戰：知乎日報項目開(kāi)發(fā)    261
13.1  分析與準備    261
13.2  推薦列表與分類(lèi)    265
13.2.1  搭建基本結構    265
13.2.2  主題日報    267
13.2.3  每日推薦    271
13.2.4  自動(dòng)加載更多推薦列表    276
13.3  文章詳情頁(yè)    278
13.3.1  加載內容    278
13.3.2  加載評論    281
13.4  總結    286
第14章  實(shí)戰：電商網(wǎng)站項目開(kāi)發(fā)    288
14.1  項目工程搭建    288
14.2  商品列表頁(yè)    290
14.2.1  需求分析與模塊拆分    290
14.2.2  商品簡(jiǎn)介組件    291
14.2.3  列表按照價(jià)格、銷(xiāo)量排序    297
14.2.4  列表按照品牌、顏色篩選    306
14.3  商品詳情頁(yè)    309
14.4  購 物 車(chē)    313
14.4.1  準備數據    314
14.4.2  顯示和操作數據    316
14.4.3  使用優(yōu)惠碼    320
14.5  總結    324
第15章  相關(guān)開(kāi)源項目介紹    325
15.1  服務(wù)端渲染與Nuxt.js    325
15.1.1  是否需要服務(wù)端渲染    325
15.1.2  Nuxt.js    326
15.2  HTTP庫axios    327
15.3  多語(yǔ)言插件vue-i18n    329