第1章 Vue.js入门 1
1.1初识Vue.js 1
1.1.1什么是Vue.js 1
1.1.2为什么要使用Vue.js 1
1.1.3MVV模式 3
1.2使用Vue.js理解MVVM模式 3
1.3Vue.js的响应式理解 5
1.4本章小结 6
1.5本章习题 6
第2章 第一个Vue.js应用 7
2.1Vue.js的使用 7
2.1.1Vue.js下载 7
2.2.2使用CDN引入Vue.js 7
2.2.3通过npm安装 8
2.2.4Vue.js的Hello World 8
2.2实例及选项 9
2.2.1模板（template） 10
2.2.2数据（data） 10
2.2.3方法（methods） 11
2.2.4计算属性（computed） 11
2.2.5观察/监听（watch） 12
2.3数据绑定 13
2.3.1插值 13
2.3.2表达式绑定 13
2.3.3双向数据绑定 14
2.3.4过滤器 15
2.4计算属性 15
2.4.1计算属性介绍及用法 15
2.4.2计算属性传参 17
2.4.3计算属性的getter和setter 18
2.4.4计算属性与方法的区别 19
2.5生命周期 20
2.6案例——简单的定时器 22
2.7本章小结 24
2.8本章习题 24
第3章 Vue.js内置指令 25
3.1基本指令 25
3.1.1v-text和v-html指令 25
3.1.2v-cloak指令 26
3.1.3v-once指令 26
3.1.4v-if、v-else和v-show指令 27
3.1.5 v-on指令 28
3.1.6 v-for指令 32
3.1.7数组更新 37
3.2v-bind指令 42
3.2.1v-bind指令基本用法 42
3.2.2v-bind绑定样式 43
3.3v-model指令 48
3.3.1v-model指令基本用法 48
3.3.2用v-for动态渲染选项 50
3.3.3绑定值 51
3.3.4修饰符 51
3.4案例——简易学生管理功能 52
3.5本章小结 57
3.6本章习题 57
第4章 Vue.js组件 60
4.1组件的基本使用 60
4.1.1全局组件 60
4.1.2局部组件 61
4.1.3组件内的data必须是一个函数 62
4.1.4使用template元素创建组件 63
4.1.5组件嵌套 64
4.1.6使用props传递数据 66
4.2组件通信 72
4.2.1父组件向子组件传递数据 72
4.2.2子组件向父组件传递数据 74
4.2.3非父子组件通信 77
4.2.4创建自定义组件 79
4.3内容分发 81
4.3.1单个slot 81
4.3.2具名slot 83
4.3.3作用域插槽 86
4.4动态组件 88
4.5案例——使用组件实现购物车功能 92
4.6本章小结 94
4.7本章习题 95
第5章 Vue.js过滤器和自定义指令 96
5.1过滤器注册和使用 96
5.2动态参数 99
5.3自定义指令注册和使用 100
5.3.1自定义全局指令 100
5.3.2局部的自定义指令 101
5.4钩子函数 102
5.5对象字面量 104
5.6案例——过滤器变换输出形式 104
5.7本章小结 105
5.8本章习题 106
第6章 Vue.js过渡和动画 107
6.1CSS过渡 107
6.2CSS动画 111
6.3JavaScript过渡 112
6.4自定义过渡类名 114
6.5案例——新增列表项的动画效果 116
6.6本章小结 118
6.7本章习题 118
第7章 Vue脚手架 119
7.1快速构建项目 119
7.1.1Vue脚手架的安装 119
7.1.2.初始化项目 120
7.1.3.项目结构 122
7.1.4.初识单文件组件 123
7.1.5单文件组件嵌套 124
7.1.6构建一个简单的脚手架项目 125
7.1.7组件通信 128
7.2前端路由 133
7.2.1路由安装和使用 133
7.2.2跳转方式 137
7.2.3编程式导航 139
7.2.4路由传参及获取参数 141
7.2.5子路由 142
7.2.6路由拦截 146
7.3服务器端数据访问axios 151
7.3.1使用cdn 152
7.3.2使用npm 153
7.3.3请求本地JSON数据 155
7.3.4跨域请求 158
7.3.5get请求 161
7.3.6post请求 168
7.4webpack基础 169
7.4.1webpack简介 169
7.4.2vue-cli脚手架中webpack配置基础 171
7.4.3Webpack常用的Loaders和插件 172
7.5案例——课程和教师列表管理页面 173
7.6本章小结 184
7.7本章习题 184
第8章 Vuex 186
8.1Vuex概述 186
8.2 Vuex的安装 187
8.3Vuex的基本使用 187
8.3.1Store概述 187
8.3.2Vuex的使用 188
8.4Vuex的复杂使用 189
8.4.1mutation 189
8.4.2action 191
8.4.3getters 194
8.4.4mapState、mapMutations、mapActions和mapGetters 194
8.4.5Modules 195
8.5案例——虚拟用户管理 195
8.6本章小结 201
8.7本章习题 201
第9章 跨平台开发Weex 202
9.1Weex简介及安装 202
9.1.1什么是Weex？ 202
9.1.2Weex中的前端框架 202
9.1.3Weex安装 202
9.2创建一个Weex项目 203
9.2.1初始化 203
9.2.2开发 203
9.2.3编译和运行 203
9.2.4调试 204
9.3Weex的生命周期 206
9.4Vue在Weex中的差异性 206
9.4.1语法差异 206
9.4.2样式差异 207
9.5Weex基本概念 207
9.5.1组件 207
9.5.2模块 208
9.5.3适配器 209
9.6Weex内置组件 209
9.6.1
209
9.6.2 210
9.6.3 211
9.6.4 213
9.6.5 214
9.6.6 215
9.7Weex内置模块 217
9.7.1dom 217
9.7.2stream 218
9.7.3modal 218
9.8本章小结 224
9.9本章习题 224
第10章 实训项目开发 225
10.1项目介绍 225
10.1.1项目信息 225
10.1.2项目功能 225
10.1.3任务分配 225
10.2项目开发前期准备 226
10.2.1通过Vue-cli构建工具初始化项目目录 226
10.2.2安装依赖包和插件 227
10.2.3创建router对象及配置路由 228
10.3项目功能设计与开发 228
10.3.1首页 228
10.3.2下拉刷新上拉加载更多 232
10.3.3首页搜索 234
10.3.4课程列表页 235
10.3.5查看课程详情页 237
10.3.6查看留言列表 238
10.3.7查看留言详情并发布留言 241
10.3.8注册登录界面 241
10.3.9个人中心 242