目錄 CONTENTS 第 1篇 基礎(chǔ)知識(shí) 第 1章 Vue.js入門 2 1.1　初識(shí)Vue.js 2 1.1.1　什么是Vue.js 2 1.1.2　為什么要使用Vue.js 2 1.1.3　MVVM模式 4 1.2　使用Vue.js理解MVVM模式 5 1.3　Vue.js的響應(yīng)式理解 6 1.4　本章小結(jié) 7 1.5　本章習(xí)題 7 第２章 第 一個(gè)Vue.js應(yīng)用 8 2.1　Vue.js的使用 8 2.2　實(shí)例及選項(xiàng) 10 2.2.1　模板 11 2.2.2　數(shù)據(jù) 12 2.2.3　方法 12 2.2.4　計(jì)算屬性 13 2.2.5　觀察/監(jiān)聽 13 2.3　數(shù)據(jù)綁定 14 2.4　計(jì)算屬性 16 2.4.1　計(jì)算屬性的用法 16 2.4.2　計(jì)算屬性傳參 18 2.4.3　計(jì)算屬性的getter和setter 19 2.4.4　計(jì)算屬性與方法的區(qū)別 20 2.5　生命周期 21 2.6　案例——簡單的定時(shí)器 23 2.7　本章小結(jié) 24 2.8　本章習(xí)題 25 第3章 Vue.js內(nèi)置指令 26 3.1　本指令 26 3.1.1　v-text和v-html指令 26 3.1.2　v-cloak指令 27 3.1.3　v-once指令 27 3.1.4　v-if、v-else和v-show指令 28 3.1.5　v-on指令 29 3.1.6　v-for指令 32 3.1.7　數(shù)組更新 36 3.2　v-bind指令 41 3.2.1　v-bind指令的基本用法 41 3.2.2　v-bind綁定樣式 42 3.3　v-model指令 46 3.3.1　v-model指令的基本用法 47 3.3.2　使用v-for指令動(dòng)態(tài)渲染選項(xiàng) 48 3.3.3　綁定值 49 3.3.4　修飾符 49 3.4　案例——簡易學(xué)生管理功能 50 3.5　本章小結(jié) 55 3.6　本章習(xí)題 55 第4章 Vue.js組件 57 4.1　組件的基本使用 57 4.1.1　全局組件 57 4.1.2　局部組件 58 4.1.3　組件中的data 59 4.1.4　使用template元素創(chuàng)建組件 60 4.1.5　組件嵌套 62 4.1.6　使用props傳遞數(shù)據(jù) 63 4.2　組件通信 68 4.2.1　父組件向子組件傳通信 69 4.2.2　子組件向父組件通信 71 4.2.3　非父子組件之間的通信 73 4.2.4　創(chuàng)建自定義組件 75 4.3　內(nèi)容分發(fā) 77 4.3.1　單個(gè)插槽 77 4.3.2　具名插槽 78 4.3.3　作用域插槽 82 4.4　動(dòng)態(tài)組件 83 4.5　案例——使用組件實(shí)現(xiàn)購物車功能 87 4.6　本章小結(jié) 89 4.7　本章習(xí)題 89 第5章 Vue.js過濾器和自定義指令 91 5.1　過濾器注冊(cè)和使用 91 5.2　動(dòng)態(tài)參數(shù) 94 5.3　自定義指令的注冊(cè)和使用 95 5.3.1　自定義全局指令 95 5.3.2　自定義局部指令 95 5.4　鉤子函數(shù) 96 5.5　對(duì)象字面量 98 5.6　案例——過濾器變換輸出形式 99 5.7　本章小結(jié) 100 5.8　本章習(xí)題 100 第6章 Vue.js過渡和動(dòng)畫 101 6.1　CSS過渡 101 6.2　CSS動(dòng)畫 105 6.3　JavaScript過渡 106 6.4　自定義過渡類名 108 6.5　案例——新增列表項(xiàng)的動(dòng)畫效果 110 6.6　本章小結(jié) 112 6.7　本章習(xí)題 112 第 2篇 工程化項(xiàng)目開發(fā) 第7章 Vue腳手架 114 7.1　快速構(gòu)建項(xiàng)目 114 7.1.1　Vue腳手架的安裝 114 7.1.2　初始化項(xiàng)目 115 7.1.3　項(xiàng)目結(jié)構(gòu) 117 7.1.4　初識(shí)單文件組件 118 7.1.5　單文件組件嵌套 119 7.1.6　構(gòu)建一個(gè)簡單的腳手架項(xiàng)目 120 7.1.7　組件通信 123 7.2　前端路由 127 7.2.1　路由的安裝和使用 128 7.2.2　跳轉(zhuǎn)方式 131 7.2.3　編程式導(dǎo)航 134 7.2.4　路由傳參及獲取參數(shù) 135 7.2.5　子路由 136 7.2.6　路由攔截 140 7.3　服務(wù)器端數(shù)據(jù)訪問Axios 145 7.3.1　使用CDN安裝Axios 145 7.3.2　使用NPM安裝Axios 147 7.3.3　請(qǐng)求本地JSON數(shù)據(jù) 149 7.3.4　跨域請(qǐng)求數(shù)據(jù) 152 7.3.5　GET請(qǐng)求 155 7.3.6　POST請(qǐng)求 161 7.4　Webpack基礎(chǔ) 163 7.4.1　Webpack簡介 163 7.4.2　Vue-CLI中Webpack的配置基礎(chǔ) 164 7.4.3　Webpack常用的Loaders和插件 165 7.5　案例——課程和教師列表管理頁面 167 7.6　本章小結(jié) 177 7.7　本章習(xí)題 177 第8章 Vuex 179 8.1　Vuex概述 179 8.2　Vuex的安裝 180 8.3　Vuex的基本使用 180 8.3.1　Store概述 180 8.3.2　Vuex的使用 181 8.4　Vuex的復(fù)雜使用 182 8.4.1　mutations 182 8.4.2　actions 184 8.4.3　getters 187 8.4.4　mapState、mapMutations、mapActions和mapGetters 187 8.4.5　模塊化 188 8.5　案例——虛擬用戶管理功能 188 8.6　本章小結(jié) 193 8.7　本章習(xí)題 193 第9章 跨平臺(tái)開發(fā)Weex 194 9.1　Weex簡介及安裝 194 9.2　創(chuàng)建一個(gè)Weex項(xiàng)目 195 9.3　Weex的生命周期 198 9.4　Vue在Weex中的差異性 198 9.5　Weex基本概念 199 9.6　Weex內(nèi)置組件 201 9.6.1