本书首先介绍了一个“Hello World”案例，帮助读者入门；然后分章节介绍了数据绑定、指令、事件等Vue带给我们的非常好用的功能；接下来介绍了组件编程，这是Vue富有魅力的部分，掌握了组件编程，基本上可以实现大多数UI交互设计；再接着介绍了自定义指令、过渡与动画、渲染函数等高级概念，这些可以帮助我们编写更简洁的代码，实现更绚丽的交互效果；最后，介绍了路由、webpack等前端工程自动化工具和脚手架模式编程，并辅以一个综合案例与项目实战应用。 本书内容安排循序渐进，讲解通俗易懂，把基本概念与应用场景通过案例教学紧密联系在一起。学生可以用本书自学，教师也可以将本书作为教材或参考工具书，其中的案例代码可用于课堂教学。 本书可作为高等院校、职业院校前端开发课程的教材或参考书，也可作为社会岗前培训班的培训教材，同时也可作为Vue自学者入门指南用书。

第1章 Vue入门
1.1 Vue简述
1.1.1 什么是Vue.js
1.1.2 为什么使用Vue.js
1.1.3 Vue.js的主要特点
1.1.4 Vue.js的优势
1.2 Vue.js的下载及使用
1.2.1 Vue.js下载
1.2.2 Vue.js引用
1.2.3 npm安装
1.2.4 解读Vue项目文件目录结构
1.3 实例化Vue对象、数据和方法
1.3.1 实例化Vue对象
1.3.2 Vue数据和方法
1.3.3 将数据挂载到DOM页面
1.4 MVVM模式
本章小结
习题
第2章 Vue数据绑定
2.1 Vue模板语法
2.1.1 模板语法
2.1.2 插值
2.1.3 表达式
2.2 响应式声明渲染机制
2.2.1 响应式声明渲染机制简介
2.2.2 Vue属性绑定
2.2.3 Vue双向数据绑定
2.3 Vue计算属性
2.3.1 计算属性
2.3.2 计算属性与methods的区别
2.4 Vue生命周期
2.4.1 Vue实例生命周期图解
2.4.2 Vue生命周期详解
2.4.3 Vue各生命周期适合开发的业务逻辑
本章小结
习题
第3章 Vue指令
3.1 Vue指令概述
3.1.1 指令
3.1.2 指令修饰符
3.2 Vue指令详解
3.2.1 指令v-if
3.2.2 指令v-for
3.2.3 指令v-on
3.2.4 指令v-show
3.3 Vue动态样式绑定
3.3.1 v-bind指令属性
3.3.2 v-bind绑定class
3.3.3 v-bind数组表达式绑定class属性
3.3.4 v-bind对象语法绑定行内样式
3.3.5 v-bind数组语法绑定行内样式
3.4 Vue表单输入绑定
3.4.1 指令v-model
3.4.2 v-bind在控件上绑定value
3.4.3 表单中的参数特性
3.5 综合案例
本章小结
习题
第4章 Vue事件处理
4.1 Vue事件处理器
4.1.1 监听事件
4.1.2 方法事件处理器
4.1.3 内联事件处理器
4.2 修饰符
4.2.1 事件修饰符
4.2.2 按键修饰符
4.2.3 修饰键
4.3 综合案例
本章小结
习题
第5章 Vue组件
5.1 组件的基本使用
5.1.1 什么是组件
5.1.2 组件使用
5.1.3 组件中的data必须是函数
5.2 Vue组件嵌套
5.2.1 组件嵌套
5.2.2 使用props
5.2.3 使用slot插槽内容分发
5.2.4 组件实战
5.3 组件通信
5.3.1 父组件向子组件通信
5.3.2 子组件向父组件通信
5.3.3 任意组件及平行组件通信
5.4 创建自己的组件
本章小结
习题
第6章 自定义指令
6.1 自定义指令概述
6.1.1 自定义全局指令
6.1.2 自定义局部指令
6.1.3 案例分析
6.2 钩子函数
6.2.1 钩子函数参数
6.2.2 函数简写
6.3 对象字面量
本章小结
习题
第7章 过渡与动画
7.1 transition组件
7.2 单元素/组件的过渡
7.2.1 transition标签结合CSS样式实现动画
7.2.2 animate.css结合transition实现动画
7.2.3 钩子函数实现动画
7.3 多个元素的过渡
7.4 多个组件的过渡
7.5 综合案例
本章小结
习题
第8章 渲染函数
8.1 渲染函数概述
8.1.1 从虚拟DOM了解Vue渲染函数
8.1.2 为什么使用渲染函数
8.1.3 什么是渲染函数
8.2 createElement方法
8.2.1 createElement参数
8.2.2 VNodes必须唯一
8.3 使用JavaScript代替模板功能
8.3.1 v-if和v-for
8.3.2 v-model
8.3.3 slot插槽
8.3.4 作用域插槽
本章小结
习题
第9章 Vue路由vue-router
9.1 路由安装和使用
9.2 传递参数及获取参数
9.2.1 使用路由传递参数
9.2.2 地址栏传递参数
9.3 子路由
9.3.1 创建子路由
9.3.2 路由切换组件
9.4 命名视图和导航钩子
9.4.1 命名视图
9.4.2 导航钩子
9.5 元数据及路由匹配
本章小结
习题
第10章 使用webpack
10.1 webpack基础
10.2 webpack的基本配置
10.3 webpack常用的Loaders
10.4 插件
10.5 webpack常用命令
本章小结
习题
第11章 综合案例开发
11.1 综合案例开发步骤
11.1.1 通过vue-cli构建工具初始化项目目录
11.1.2 初始化依赖包
11.1.3 安装vue-router组件
11.1.4 创建router对象及配置路由
11.1.5 在App.vue中添加路由导航
11.2 解析Vue生成文件目录结构
11.2.1 build文件夹
11.2.2 config文件夹
11.2.3 node_modules文件夹
11.2.4 src文件夹
11.2.5 App.vue与main.js
11.3 vue-resource插件
11.4 实战：单词本
11.4.1 展示单词本
11.4.2 修改删除单词
11.4.3 添加单词
本章小结
习题
第12章 Vue工程项目实战
12.1 项目分析
12.2 工程化项目搭建
12.2.1 项目准备工作
12.2.2 项目资源准备
12.2.3