第1章Vue.js简介

1.1Vue.js是什么1

1.2为什么要用Vue.js2

1.3Vue.js的Hello world2

第2章基础特性

2.1实例及选项5

2.1.1模板6

2.1.2数据7

2.1.3方法9

2.1.4生命周期10

2.2数据绑定12

2.2.1数据绑定语法13

2.2.2计算属性17

2.2.3表单控件18

2.2.4Class与Style绑定21

2.3模板渲染22

2.3.1前后端渲染对比23

2.3.2条件渲染23

2.3.3列表渲染25

2.3.4template标签用法27

2.4事件绑定与监听28

2.4.1方法及内联语句处理器28

2.4.2修饰符29

2.4.3与传统事件绑定的区别30

2.5Vue.extend()31

第3章指令

3.1内置指令32

3.1.1v-bind32

3.1.2v-model33

3.1.3v-if-else-show33

3.1.4v-for33

3.1.5v-on34

3.1.6v-text34

3.1.7v-HTML35

3.1.8v-el35

3.1.9v-ref35

3.1.10v-pre36

3.1.11v-cloak36

3.1.12v-once37

3.2自定义指令基础37

3.2.1指令的注册37

3.2.2指令的定义对象37

3.2.3指令实例属性39

3.2.4元素指令40

3.3指令的高级选项41

3.3.1params41

3.3.2deep42

3.3.3twoWay43

3.3.4acceptStatement44

3.3.5terminal44

3.3.6priority45

3.4指令在Vue.js 2.0中的变化46

3.4.1新的钩子函数46

3.4.2钩子函数实例和参数变化46

3.4.3update函数触发变化47

3.4.4参数binding对象47

第4章过滤器

4.1过滤器注册48

4.2双向过滤器49

4.3动态参数50

4.4过滤器在Vue.js 2.0中的变化51

第5章过渡

5.1CSS过渡52

5.1.1CSS过渡的用法52

5.1.2CSS过渡钩子函数54

5.1.3显示声明过渡类型57

5.1.4自定义过渡类名57

5.2JavaScript过渡58

5.2.1Velocity.js58

5.2.2JavaScript过渡使用58

5.3过渡系统在Vue.js 2.0中的变化59

5.3.1用法变化59

5.3.2类名变化60

5.3.3钩子函数变化61

5.3.4transition-group63

第6章组件

6.1组件注册65

6.1.1全局注册65

6.1.2局部注册66

6.1.3注册语法糖67

6.2组件选项67

6.2.1组件选项中与Vue选项的区别67

6.2.2组件Props68

6.3组件间通信71

6.3.1直接访问71

6.3.2自定义事件监听72

6.3.3自定义事件触发机制72

6.3.4子组件索引75

6.4内容分发76

6.4.1基础用法76

6.4.2编译作用域77

6.4.3默认slot78

6.4.4slot属性相同79

6.4.5Modal实例79

6.5动态组件82

6.5.1基础用法82

6.5.2keep-alive83

6.5.3activate 钩子函数84

6.6Vue.js 2.0中的变化85

6.6.1event85

6.6.2keep-alive86

6.6.3slot87

6.6.4refs87

第7章Vue.js常用插件

7.1Vue-router88

7.1.1引用方式88

7.1.2基本用法89

7.1.3嵌套路由90

7.1.4路由匹配92

7.1.5具名路由93

7.1.6路由对象93

7.1.7v-link94

7.1.8路由配置项95

7.1.9route钩子函数96

7.1.10路由实例属性及方法99

7.1.11vue-router 2.0 的变化100

7.2Vue-resource104

7.2.1引用方式104

7.2.2使用方式105

7.2.3$http的api方法和选项参数105

7.2.4拦截器107

7.2.5$resource用法107

7.2.6封装Service层109

7.3Vue-devtools109

7.3.1安装方式110

7.3.2使用效果110

第8章Vue.js工程实例

8.1准备工作111

8.1.1webpack111

8.1.2vue-loader113

8.2目录结构115

8.3前端开发117

8.4后端联调122

8.5部署上线124

8.5.1生成线上文件124

8.5.2nginx125

8.5.3gitlab126

8.5.4jenkins127

第9章状态管理：Vuex

9.1概述130

9.2简单实例131

9.2.1所需组件131

9.2.2创建并注入store132

9.2.3创建action及组件调用方式133

9.2.4创建mutation134

9.2.5组件获取state135

9.3严格模式137

9.4中间件137

9.4.1快照138

9.4.2logger138

9.5表单处理139

9.6目录结构142

9.6.1简单项目142

9.6.2大型项目143

9.7实例145

9.7.1state结构146

9.7.2actions.js148

9.7.3app.js148

9.7.4组件结构148

9.7.5base组件152

9.7.6展示结果154

9.8Vue.js 2.0的变化155

9.8.1State155

9.8.2Getters156

9.8.3Mutations157

9.8.4Actions157

9.8.5Modules159

第10章跨平台开发：Weex

10.1Weex简介161

10.2Weex安装162

10.2.1ios环境安装162

10.2.2android环境安装163

10.2.3web端运行164

10.3Weex实例与运行164

10.4Weex基础语法168

10.4.1数据绑定168

10.4.2事件绑定169

10.4.3模板逻辑169

10.5Weex内置组件170

10.5.1scroller170

10.5.2list171

10.5.3Switch172

10.5.4Slider172

10.5.5wxc-tabbar174

10.5.6wxc-navpage175

10.6Weex内置模块176

10.6.1dom176

10.6.2steam177

10.6.3modal178

10.6.4animation179

10.6.5webview180

10.6.6navigator181

10.6.7storage182

第11章Vue.js 2.0新特性

11.1Render函数183

11.1.1createElement用法184

11.1.2使用案例185

11.1.3函数化组件186

11.1.4JSX187

11.2服务端渲染188

11.2.1vue-server-renderer188

11.2.2简单实例189

11.2.3缓存和流式响应191

11.2.4SPA实例193