第1篇 基础知识篇
第1章 Vue.js基本简介 002
◎ 本章教学微视频
1.1 前端框架的发展历程 002
1.1.1 前端静态页面走向动态页面的转变 002
1.1.2 程序后端走向前端的转变 003
1.2 Vue.js介绍 003
1.2.1 Vue.js是什么 004
1.2.2 Vue.js发展历程 004
1.3 Vue.js中的开发模式 004
1.3.1 MVC模式介绍 004
1.3.2 MVP模式介绍 005
1.3.3 MVVM模式介绍 006
1.4 Vue.js与其他框架比较 007
1.4.1 Vue.js与Angular的比较 007
1.4.2 Vue.js与React的比较 011
1.5 Vue.js的兼容性 012
1.6 就业面试技巧与解析 015
1.6.1 面试技巧与解析（一） 015
1.6.2 面试技巧与解析（二） 015
第2章 创建Vue.js简单实例 017
◎ 本章教学微视频
2.1 安装Vue Devtools 017
2.2 下载、安装编辑器HBuilder X及引入Vue.js文件 019
2.2.1 安装编辑器HBuilder X 019
2.2.2 下载Vue.js文件 020
2.2.3 在项目中引入Vue.js文件 020
2.3 创建一个 Vue 实例 021
2.4 实例的生命周期 023
2.5 就业面试技巧与解析 029
2.5.1 面试技巧与解析（一） 029
2.5.2 面试技巧与解析（二） 029
第3章 Vue.js指令 030
◎ 本章教学微视频
3.1 内置指令 030
3.1.1 指令 030
3.1.2 条件指令 039
3.2 自定义指令 042
3.2.1 指令的注册 042
3.2.2 钩子函数 043
3.2.3 钩子函数参数 044
3.2.4 函数简写 044
3.2.5 对象字面量 045
3.3 指令的高级选项 046
3.3.1 deep 046
3.3.2 params 046
3.3.3 twoWay 047
3.3.4 priority 047
3.3.5 terminal 047
3.3.6 acceptStatement 048
3.4 就业面试技巧与解析 049
3.4.1 面试技巧与解析（一） 049
3.4.2 面试技巧与解析（二） 049
第4章 Vue.js基本特性 050
◎ 本章教学微视频
4.1 实例及选项 050
4.1.1 数据 050
4.1.2 方法 052
4.1.3 模板 054
4.1.4 watch函数 056
4.2 模板渲染 057
4.2.1 条件渲染 058
4.2.2 列表渲染 060
4.2.3 前后端渲染对比 063
4.3 extend的用法 064
4.4 就业面试技巧与解析 066
4.4.1 面试技巧与解析（一） 066
4.4.2 面试技巧与解析（二） 067
第5章 Vue数据及事件绑定 068
◎ 本章教学微视频
5.1 数据绑定 068
5.1.1 数据绑定的方法 068
5.1.2 计算属性 072
5.1.3 计算属性缓存 073
5.1.4 表单控件绑定 074
5.1.5 值绑定 078
5.2 事件绑定与监听 079
5.2.1 方法及内联处理器 079
5.2.2 修饰符 081
5.2.3 与传统事件绑定的区别 083
5.3 class与style的绑定 084
5.3.1 绑定<html>中class的方式 084
5.3.2 绑定内联样式 088
5.4 就业面试技巧与解析 090
5.4.1 面试技巧与解析（一） 090
5.4.2 面试技巧与解析（二） 090
第6章 Vue.js过滤器 091
◎ 本章教学微视频
6.1 过滤器的基本使用 091
6.1.1 全局过滤器 091
6.1.2 局部过滤器 092
6.1.3 JSON 095
6.1.4 currency 097
6.2 双向过滤器 099
6.3 自定义过滤器 100
6.4 就业面试技巧与解析 103
6.4.1 面试技巧与解析（一） 103
6.4.2 面试技巧与解析（二） 103
第7章 Vue.js过渡 104
◎ 本章教学微视频
7.1 CSS过渡 104
7.1.1 CSS 过渡的用法 104
7.1.2 CSS过渡钩子函数 106
7.1.3 自定义过渡类名 108
7.2 JavaScript过渡 108
7.2.1 JavaScript钩子函数过渡 108
7.2.2 JavaScript过渡的使用 109
7.3 多个元素的过渡 111
7.4 多个组件的过渡 112
7.5 transition-group介绍 113
7.6 就业面试技巧与解析 113
7.6.1 面试技巧与解析（一） 114
7.6.2 面试技巧与解析（二） 114
第8章 Vue.js动画 115
◎ 本章教学微视频
8.1 CSS动画 115
8.1.1 CSS动画原理 115
8.1.2 同时使用过渡和动画 117
8.1.3 显性的过渡持续时间 119
8.2 第三方动画库 119
8.2.1 使用CCS 3动画库@keyframes 119
8.2.2 使用CCS 3动画库Animate.css 121
8.2.3 使用JavaScript动画库Velocity.js 122
8.3 动画钩子 123
8.4 动画封装 126
8.5 就业面试技巧与解析 128
8.5.1 面试技巧与解析（一） 128
8.5.2 面试技巧与解析（二） 128
第2篇 核心应用篇
第9章 Vue.js组件 130
◎ 本章教学微视频
9.1 组件基本内容 130
9.1.1 组件是什么 130
9.1.2 组件用法 131
9.1.3 组件注册 134
9.1.4 组件嵌套 136
9.1.5 组件切换 137
9.1.6 组件中的data和methods 138
9.2 组件通信 139
9.2.1 props/$emit 140
9.2.2 $emit和$on 142
9.2.3 $attrs和$listeners 144
9.2.4 provide和inject 147
9.2.5 $parent/$children与ref 149
9.3 自定义事件监听 150
9.4 Vuex介绍 153
9.4.1 Vuex的原理 153
9.4.2 Vuex各个模块在流程中的功能 153
9.4.3 Vuex与localStorage 153
9.5 动态组件 154
9.5.1 基本用法 154
9.5.2 切换钩子函数 156
9.5.3 keep-alive 158
9.6 slot 159
9.7 就业面试技巧与解析 160
9.7.1 面试技巧与解析（一） 160
9.7.2 面试技巧与解析（二） 161
第10章 Vue.js常用插件 162
◎ 本章教学微视频
10.1 前端路由与Vue-router路由 162
10.1.1 什么是前端路由 163
10.1.2 Vue-router路由的高级用法 163
10.2 状态管理与Vuex 164
10.2.1 状态管理与使用场景 164
10.2.2 安装并使用Vuex 164
10.2.3 设置与读取数据 165
10.2.4 更新数据 165
10.3 Vue-resource插件 167
10.3.1 引用方式 167
10.3.2 使用方式 167
10.3.3 拦截器的使用 167
10.3.4 封装service层 168
10.3.5 Vue-resource优点 169
10.4 Vue-router 插件 169
10.4.1 引用方式 169
10.4.2 基本用法 172
10.4.3 Vue-router跳转页面的方式 174
10.4.4 router钩子函数 175
10.5 就业面试技巧与解析 177
10.5.1 面试技巧与解析（一） 177
10.5.2 面试技巧与解析（二） 178
第11章 Vue.js实例方法 179
◎ 本章教学微视频
11.1 虚拟DOM简介 179
11.1.1 虚拟DOM是什么 179
11.1.2 为什么要使用虚拟DOM 180
11.2 实例属性 182
11.2.1 组件树的访问 182
11.2.2 虚拟DOM的访问 182
11.2.3 数据访问 183
11.3 实例方法 183
11.3.1 实例DOM方法的使用 183
11.3.2 实例event方法的使用 183
11.3.3 vm.$watch()的使用 185
11.3.4 vm.$nextTick()的使用 185
11.4 就业面试技巧与解析 186
11.4.1 面试技巧与解析（一） 186
11.4.2 面试技巧与解析（二） 187
第12章 Render函数 188
◎ 本章教学微视频
12.1 Render简介 188
12.1.1 Render函数是什么 188
12.1.2 Render函数怎么用 189
12.1.3 在什么情况下使用Render函数 190
12.1.4 深入data对象 190
12.2 createElement简介 191
12.2.1 基本参数 191
12.2.2 使用JavaScript代替模板功能 193
12.2.3 约束 194
12.3 函数化组件 195
12.4 JSX 195
12.5 就业面试技巧与解析 196
12.5.1 面试技巧与解析（一） 196
12.5.2 面试技巧与解析（二） 196
第13章 常见问题解析 197
◎ 本章教学微视频
13.1 环境及安装问题解析 197
13.2 运行代码出现报错解析 197
13.3 你问我答解析 199
13.4 就业面试技巧与解析 201
13.4.1 面试技巧与解析（一） 201
13.4.2 面试技巧与解析（二） 202
第3篇 核心技术篇
第14章 状态管理Vuex 204
◎ 本章教学微视频
14.1 概述 204
14.1.1 Vuex介绍 204
14.1.2 状态管理与Vuex 205
14.1.3 Vuex适用场景 206
14.1.4 Vuex的用法 206
14.2 Vuex的五大属性 207
14.2.1 state 207
14.2.2 getters 207
14.2.3 mutations 208
14.2.4 actions 208
14.2.5 modules 209
14.3 中间件 210
14.3.1 state快照 210
14.3.2 logger 210
14.4 严格模式 211
14.5 表单处理 212
14.6 就业面试技巧与解析 212
14.6.1 面试技巧与解析（一） 213
14.6.2 面试技巧与解析（二） 213
第15章 Vue工程实例 214
◎ 本章教学微视频
15.1 准备工作 214
15.1.1 webpack 214
15.1.2 vue-loader 216
15.2 项目目录结构 218
15.3 部署上线 219
15.3.1 生成上线文件 219
15.3.2 nginx 220
15.3.3 jenkins 220
15.3.4 gitlab 221
15.4 就业面试技巧与解析 222
15.4.1 面试技巧与解析（一） 222
15.4.2 面试技巧与解析（二） 222
第4篇 项目实践篇
第16章 订餐管理系统 224
◎ 本章教学微视频
16.1 开发背景 224
16.2 系统功能设计 224
16.3 系统开发必备 225
16.3.1 系统开发环境要求 225
16.3.2 软件框架 225
16.3.3 框架整合配置 226
16.4 系统功能模块设计与实现 229
16.4.1 首页模块 229
16.4.2 商家介绍模块 232
16.4.3 系统商品模块 233
16.4.4 商品分类模块 236
16.4.5 商家评论模块 237
16.4.6 加入购物车模块 239
16.4.7 商家星级模块 241
16.5 本章总结 242
第17章 网上图书销售系统 243
◎ 本章教学微视频
17.1 开发背景 243
17.2 系统功能设计 244
17.3 系统开发必备 244
17.3.1 系统开发环境要求 244
17.3.2 框架整合配置 244
17.3.3 程序运行 245
17.4 系统功能模块设计与实现 246
17.4.1 首页模块 246
17.4.2 首页信息介绍模块 249
17.4.3 用户登录模块 251
17.4.4 图书模块 252
17.4.5 购买模块 258
17.4.6 支付模块 259
17.5 本章总结 261
第18章 仿网易云音乐系统 262
◎ 本章教学微视频
18.1 开发背景 262
18.2 产品定位 263
18.2.1 需求分析 263
18.2.2 用户分析 263
18.3 行业分析 264
18.4 用户需求 264
18.5 项目整体结构 265
18.6 系统功能模块设计与实现 265
18.6.1 头部页面 266
18.6.2 导航栏页面 266
18.6.3 推荐页面 267
18.6.4 搜索功能 272
18.6.5 歌单页面 277
18.6.6 歌手页面 279
18.6.7 播放器 281
18.7 本章总结 292
