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

目錄 CONTENTS
第 1篇 基礎(chǔ)知識(shí)
第 1章
Vue．js入門\t2
1．1　初識(shí)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
第２章
第 一個(gè)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　計(jì)算屬性\t13
2．2．5　觀察/監(jiān)聽\t13
2．3　數(shù)據(jù)綁定\t14
2．4　計(jì)算屬性\t16
2．4．1　計(jì)算屬性的用法\t16
2．4．2　計(jì)算屬性傳參\t18
2．4．3　計(jì)算屬性的getter和setter\t19
2．4．4　計(jì)算屬性與方法的區(qū)別\t20
2．5　生命周期\t21
2．6　案例——簡(jiǎn)單的定時(shí)器\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指令動(dòng)態(tài)渲染選項(xiàng)\t48
3．3．3　綁定值\t49
3．3．4　修飾符\t49
3．4　案例——簡(jiǎn)易學(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　單個(gè)插槽\t77
4．3．2　具名插槽\t78
4．3．3　作用域插槽\t82
4．4　動(dòng)態(tài)組件\t83
4．5　案例——使用組件實(shí)現(xiàn)購(gòu)物車功能\t87
4．6　本章小結(jié)\t89
4．7　本章習(xí)題\t89
第5章
Vue．js過(guò)濾器和自定義指令\t91
5．1　過(guò)濾器注冊(cè)和使用\t91
5．2　動(dòng)態(tài)參數(shù)\t94
5．3　自定義指令的注冊(cè)和使用\t95
5．3．1　自定義全局指令\t95
5．3．2　自定義局部指令\t95
5．4　鉤子函數(shù)\t96
5．5　對(duì)象字面量\t98
5．6　案例——過(guò)濾器變換輸出形式\t99
5．7　本章小結(jié)\t100
5．8　本章習(xí)題\t100
第6章
Vue．js過(guò)渡和動(dòng)畫\t101
6．1　CSS過(guò)渡\t101
6．2　CSS動(dòng)畫\t105
6．3　JavaScript過(guò)渡\t106
6．4　自定義過(guò)渡類名\t108
6．5　案例——新增列表項(xiàng)的動(dò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　初識(shí)單文件組件\t118
7．1．5　單文件組件嵌套\t119
7．1．6　構(gòu)建一個(gè)簡(jiǎn)單的腳手架項(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ù)訪問(wèn)Axios\t145
7．3．1　使用CDN安裝Axios\t145
7．3．2　使用NPM安裝Axios\t147
7．3．3　請(qǐng)求本地JSON數(shù)據(jù)\t149
7．3．4　跨域請(qǐng)求數(shù)據(jù)\t152
7．3．5　GET請(qǐng)求\t155
7．3．6　POST請(qǐng)求\t161
7．4　Webpack基礎(chǔ)\t163
7．4．1　Webpack簡(jiǎn)介\t163
7．4．2　Vue-CLI中Webpack的配置基礎(chǔ)\t164
7．4．3　Webpack常用的Loaders和插件\t165
7．5　案例——課程和教師列表管理頁(yè)面\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章
跨平臺(tái)開發(fā)Weex\t194
9．1　Weex簡(jiǎn)介及安裝\t194
9．2　創(chuàng)建一個(gè)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è)計(jì)與開發(fā)\t221
10．3．1　首頁(yè)\t221
10．3．2　首頁(yè)下拉刷新和上拉加載\t223
10．3．3　首頁(yè)搜索\t225
10．3．4　課程列表頁(yè)\t226
10．3．5　課程詳情頁(yè)\t228
10．3．6　留言列表頁(yè)\t229
10．3．7　留言詳情頁(yè)和發(fā)布留言頁(yè)\t231
10．3．8　注冊(cè)登錄界面\t232
10．3．9　個(gè)人中心頁(yè)\t233