Vue.js前端开发技术

　　本书主要内容包括：第1章 Vue入门、第2章 Vue数据绑定、第3章 Vue指令、第4章 Vue事件处理、第5章 Vue组件、第6章 Vue自定义指令、第7章 vue-router、第8章 webpack、第9章 Vue综合案例开发、第10章 Vue项目实战

　　豆连军，乐美教育总监，明星老师，北京大学本科毕业，中科院硕士。任多所高校的创业导师，讲授HTML5、前端开发等多门课程。

第1章 Vue入门　1
1．1　Vue简述　1
1．1．1　什么是Vue．js　1
1．1．2　为什么使用Vue．js　2
1．1．3　Vue．js的主要特点　2
1．1．4　Vue．js的优势　3
1．2　Vue．js的下载及使用　3
1．2．1　Vue．js下载　4
1．2．2　Vue．js引用　4
1．2．3　npm安装　4
1．2．4　解读Vue项目文件目录结构　8
1．3　实例化Vue对象、数据和方法　9
1．3．1　实例化Vue对象　9
1．3．2　Vue数据和方法　10
1．3．3　将数据挂载到DOM页面　11
1．4　MVVM模式　13
本章小结　14
习题　15
第2章　Vue数据绑定　16
2．1　Vue模板语法　16
2．1．1　模板语法　16
2．1．2　插值　17
2．1．3　表达式　17
2．2　响应式声明渲染机制　18
2．2．1　响应式声明渲染机制简介　18
2．2．2　Vue属性绑定　21
2．2．3　Vue双向数据绑定　22
2．3　Vue计算属性　24
2．3．1　计算属性　24
2．3．2　计算属性与methods的区别　27
2．4　Vue生命周期　28
2．4．1　Vue实例生命周期图解　28
2．4．2　Vue生命周期详解　29
2．4．3　Vue各生命周期适合开发的业务逻辑　31
本章小结　31
习题　32
第3章　Vue指令　33
3．1　Vue指令概述　33
3．1．1　指令　33
3．1．2　指令修饰符　34
3．2　Vue指令详解　34
3．2．1　指令v-if　34
3．2．2　指令v-for　36
3．2．3　指令v-on　41
3．2．4　指令v-show　43
3．3　Vue动态样式绑定　46
3．3．1　v-bind指令属性　46
3．3．2　v-bind绑定class　47
3．3．3　v-bind数组表达式绑定class属性　48
3．3．4　v-bind对象语法绑定行内样式　49
3．3．5　v-bind数组语法绑定行内样式　50
3．4　Vue表单输入绑定　51
3．4．1　指令v-model　51
3．4．2　v-bind在控件上绑定value　56
3．4．3　表单中的参数特性　63
3．5　综合案例　64
本章小结　67
习题　67
第4章　Vue事件处理　68
4．1　Vue事件处理器　68
4．1．1　监听事件　68
4．1．2　方法事件处理器　69
4．1．3　内联事件处理器　70
4．2　修饰符　72
4．2．1　事件修饰符　72
4．2．2　按键修饰符　73
4．2．3　修饰键　77
4．3　综合案例　77
本章小结　79
习题　79
第5章　Vue组件　80
5．1　组件的基本使用　80
5．1．1　什么是组件　80
5．1．2　组件使用　82
5．1．3　组件中的data必须是函数　88
5．2　Vue组件嵌套　90
5．2．1　组件嵌套　90
5．2．2　使用props　92
5．2．3　使用slot插槽内容分发　101
5．2．4　组件实战　107
5．3　组件通信　111
5．3．1　父组件向子组件通信　111
5．3．2　子组件向父组件通信　112
5．3．3　任意组件及平行组件通信　116
5．4　创建自己的组件　118
本章小结　123
习题　123
第6章　自定义指令　128
6．1　自定义指令概述　128
6．1．1　自定义全局指令　128
6．1．2　自定义局部指令　130
6．1．3　案例分析　131
6．2　钩子函数　132
6．2．1　钩子函数参数　133
6．2．2　函数简写　136
6．3　对象字面量　136
本章小结　137
习题　137
第7章　过渡与动画　138
7．1　transition组件　138
7．2　单元素/组件的过渡　141
7．2．1　transition标签结合CSS样式实现动画　141
7．2．2　animate．css结合transition实现动画　143
7．2．3　钩子函数实现动画　144
7．3　多个元素的过渡　147
7．4　多个组件的过渡　149
7．5　综合案例　151
本章小结　156
习题　156
第8章　渲染函数　157
8．1　渲染函数概述　157
8．1．1　从虚拟DOM了解Vue渲染函数　157
8．1．2　为什么使用渲染函数　158
8．1．3　什么是渲染函数　159
8．2　createElement方法　161
8．2．1　createElement参数　161
8．2．2　VNodes必须唯一　166
8．3　使用JavaScript代替模板功能　167
8．3．1　v-if和v-for　167
8．3．2　v-model　168
8．3．3　slot插槽　170
8．3．4　作用域插槽　171
本章小结　172
习题　172
第9章　Vue路由vue-router　173
9．1　路由安装和使用　173
9．2　传递参数及获取参数　175
9．2．1　使用路由传递参数　175
9．2．2　地址栏传递参数　177
9．3　子路由　178
9．3．1　创建子路由　178
9．3．2　路由切换组件　180
9．4　命名视图和导航钩子　183
9．4．1　命名视图　183
9．4．2　导航钩子　185
9．5　元数据及路由匹配　188
本章小结　191
习题　192
第10章　使用webpack　193
10．1　webpack基础　193
10．2　webpack的基本配置　196
10．3　webpack常用的Loaders　198
10．4　插件　201
10．5　webpack常用命令　204
本章小结　204
习题　204
第11章　综合案例开发　205
11．1　综合案例开发步骤　205
11．1．1　通过vue-cli构建工具初始化项目目录　205
11．1．2　初始化依赖包　206
11．1．3　安装vue-router组件　206
11．1．4　创建router对象及配置路由　207
11．1．5　在App．vue中添加路由导航　208
11．2　解析Vue生成文件目录结构　210
11．2．1　build文件夹　210
11．2．2　config文件夹　210
11．2．3　node_modules文件夹　211
11．2．4　src文件夹　211
11．2．5　App．vue与main．js　211
11．3　vue-resource插件　212
11．4　实战：单词本　216
11．4．1　展示单词本　216
11．4．2　修改删除单词　217
11．4．3　添加单词　221
本章小结　223
习题　223
第12章　Vue工程项目实战　224
12．1　项目分析　224
12．2　工程化项目搭建　224
12．2．1　项目准备工作　225
12．2．2　项目资源准备　226
12．2．3　图标字体制作　230
12．2．4　项目目录设计　232
12．2．5　模拟后台数据（mock数据）　233
12．3　组件化开发　235
12．4　使用vue-resource调用后台接口　247
12．4．1　理解后台接口文档　247
12．4．2　根据文档调用接口　248
12．4．3　具体业务逻辑开发　249
12．5　项目打包　251
本章小结　252
习题　252