Vue應(yīng)用程序開發(fā)

目錄 CONTENTS
第 1篇 基礎(chǔ)知識
第 1章
Vue．js入門\t2
1．1　初識Vue．js\t2
1．1．1　什么是Vue．js\t2
1．1．2　為什么要使用Vue．js\t2
1．1．3　MVVM模式\t4
1．2　使用Vue．js理解MVVM模式\t5
1．3　Vue．js的響應(yīng)式理解\t6
1．4　本章小結(jié)\t7
1．5　本章習(xí)題\t7
第２章
第 一個Vue．js應(yīng)用\t8
2．1　Vue．js的使用\t8
2．2　實(shí)例及選項(xiàng)\t10
2．2．1　模板\t11
2．2．2　數(shù)據(jù)\t12
2．2．3　方法\t12
2．2．4　計算屬性\t13
2．2．5　觀察/監(jiān)聽\t13
2．3　數(shù)據(jù)綁定\t14
2．4　計算屬性\t16
2．4．1　計算屬性的用法\t16
2．4．2　計算屬性傳參\t18
2．4．3　計算屬性的getter和setter\t19
2．4．4　計算屬性與方法的區(qū)別\t20
2．5　生命周期\t21
2．6　案例——簡單的定時器\t23
2．7　本章小結(jié)\t24
2．8　本章習(xí)題\t25
第3章
Vue．js內(nèi)置指令\t26
3．1　本指令\t26
3．1．1　v-text和v-html指令\t26
3．1．2　v-cloak指令\t27
3．1．3　v-once指令\t27
3．1．4　v-if、v-else和v-show指令\t28
3．1．5　v-on指令\t29
3．1．6　v-for指令\t32
3．1．7　數(shù)組更新\t36
3．2　v-bind指令\t41
3．2．1　v-bind指令的基本用法\t41
3．2．2　v-bind綁定樣式\t42
3．3　v-model指令\t46
3．3．1　v-model指令的基本用法\t47
3．3．2　使用v-for指令動態(tài)渲染選項(xiàng)\t48
3．3．3　綁定值\t49
3．3．4　修飾符\t49
3．4　案例——簡易學(xué)生管理功能\t50
3．5　本章小結(jié)\t55
3．6　本章習(xí)題\t55
第4章
Vue．js組件\t57
4．1　組件的基本使用\t57
4．1．1　全局組件\t57
4．1．2　局部組件\t58
4．1．3　組件中的data\t59
4．1．4　使用template元素創(chuàng)建組件\t60
4．1．5　組件嵌套\t62
4．1．6　使用props傳遞數(shù)據(jù)\t63
4．2　組件通信\t68
4．2．1　父組件向子組件傳通信\t69
4．2．2　子組件向父組件通信\t71
4．2．3　非父子組件之間的通信\t73
4．2．4　創(chuàng)建自定義組件\t75
4．3　內(nèi)容分發(fā)\t77
4．3．1　單個插槽\t77
4．3．2　具名插槽\t78
4．3．3　作用域插槽\t82
4．4　動態(tài)組件\t83
4．5　案例——使用組件實(shí)現(xiàn)購物車功能\t87
4．6　本章小結(jié)\t89
4．7　本章習(xí)題\t89
第5章
Vue．js過濾器和自定義指令\t91
5．1　過濾器注冊和使用\t91
5．2　動態(tài)參數(shù)\t94
5．3　自定義指令的注冊和使用\t95
5．3．1　自定義全局指令\t95
5．3．2　自定義局部指令\t95
5．4　鉤子函數(shù)\t96
5．5　對象字面量\t98
5．6　案例——過濾器變換輸出形式\t99
5．7　本章小結(jié)\t100
5．8　本章習(xí)題\t100
第6章
Vue．js過渡和動畫\t101
6．1　CSS過渡\t101
6．2　CSS動畫\t105
6．3　JavaScript過渡\t106
6．4　自定義過渡類名\t108
6．5　案例——新增列表項(xiàng)的動畫效果\t110
6．6　本章小結(jié)\t112
6．7　本章習(xí)題\t112
第 2篇 工程化項(xiàng)目開發(fā)
第7章
Vue腳手架\t114
7．1　快速構(gòu)建項(xiàng)目\t114
7．1．1　Vue腳手架的安裝\t114
7．1．2　初始化項(xiàng)目\t115
7．1．3　項(xiàng)目結(jié)構(gòu)\t117
7．1．4　初識單文件組件\t118
7．1．5　單文件組件嵌套\t119
7．1．6　構(gòu)建一個簡單的腳手架項(xiàng)目\t120
7．1．7　組件通信\t123
7．2　前端路由\t127
7．2．1　路由的安裝和使用\t128
7．2．2　跳轉(zhuǎn)方式\t131
7．2．3　編程式導(dǎo)航\t134
7．2．4　路由傳參及獲取參數(shù)\t135
7．2．5　子路由\t136
7．2．6　路由攔截\t140
7．3　服務(wù)器端數(shù)據(jù)訪問Axios\t145
7．3．1　使用CDN安裝Axios\t145
7．3．2　使用NPM安裝Axios\t147
7．3．3　請求本地JSON數(shù)據(jù)\t149
7．3．4　跨域請求數(shù)據(jù)\t152
7．3．5　GET請求\t155
7．3．6　POST請求\t161
7．4　Webpack基礎(chǔ)\t163
7．4．1　Webpack簡介\t163
7．4．2　Vue-CLI中Webpack的配置基礎(chǔ)\t164
7．4．3　Webpack常用的Loaders和插件\t165
7．5　案例——課程和教師列表管理頁面\t167
7．6　本章小結(jié)\t177
7．7　本章習(xí)題\t177
第8章
Vuex\t179
8．1　Vuex概述\t179
8．2　Vuex的安裝\t180
8．3　Vuex的基本使用\t180
8．3．1　Store概述\t180
8．3．2　Vuex的使用\t181
8．4　Vuex的復(fù)雜使用\t182
8．4．1　mutations\t182
8．4．2　actions\t184
8．4．3　getters\t187
8．4．4　mapState、mapMutations、mapActions和mapGetters\t187
8．4．5　模塊化\t188
8．5　案例——虛擬用戶管理功能\t188
8．6　本章小結(jié)\t193
8．7　本章習(xí)題\t193
第9章
跨平臺開發(fā)Weex\t194
9．1　Weex簡介及安裝\t194
9．2　創(chuàng)建一個Weex項(xiàng)目\t195
9．3　Weex的生命周期\t198
9．4　Vue在Weex中的差異性\t198
9．5　Weex基本概念\t199
9．6　Weex內(nèi)置組件\t201
9．6．1　組件\t202
9．6．2　組件\t202
9．6．3　組件\t203
9．6．4　組件\t205
9．6．5　組件\t206
9．6．6　組件\t207
9．7　Weex內(nèi)置模塊\t209
9．7．1　dom模塊\t209
9．7．2　stream模塊\t210
9．7．3　modal模塊\t210
9．8　本章小結(jié)\t215
9．9　本章習(xí)題\t216
第3篇 工程化項(xiàng)目實(shí)戰(zhàn)
第 10章
實(shí)戰(zhàn)項(xiàng)目開發(fā)\t218
10．1　項(xiàng)目介紹\t218
10．2　項(xiàng)目開發(fā)前期準(zhǔn)備\t219
10．2．1　初始化項(xiàng)目目錄\t219
10．2．2　安裝依賴包和插件\t220
10．2．3　配置項(xiàng)目路由\t220
10．3　項(xiàng)目功能設(shè)計與開發(fā)\t221
10．3．1　首頁\t221
10．3．2　首頁下拉刷新和上拉加載\t223
10．3．3　首頁搜索\t225
10．3．4　課程列表頁\t226
10．3．5　課程詳情頁\t228
10．3．6　留言列表頁\t229
10．3．7　留言詳情頁和發(fā)布留言頁\t231
10．3．8　注冊登錄界面\t232
10．3．9　個人中心頁\t233