Vue应用程序开发

目录 CONTENTS

第 1篇 基础知识
第 1章
Vue．js入门 2
1．1　初识Vue．js 2
1．1．1　什么是Vue．js 2
1．1．2　为什么要使用Vue．js 2
1．1．3　MVVM模式 4
1．2　使用Vue．js理解MVVM模式 5
1．3　Vue．js的响应式理解 6
1．4　本章小结 7
1．5　本章习题 7

第２章
第 一个Vue．js应用 8
2．1　Vue．js的使用 8
2．2　实例及选项 10
2．2．1　模板 11
2．2．2　数据 12
2．2．3　方法 12
2．2．4　计算属性 13
2．2．5　观察/监听 13
2．3　数据绑定 14
2．4　计算属性 16
2．4．1　计算属性的用法 16
2．4．2　计算属性传参 18
2．4．3　计算属性的getter和setter 19
2．4．4　计算属性与方法的区别 20
2．5　生命周期 21
2．6　案例——简单的定时器 23
2．7　本章小结 24
2．8　本章习题 25
第3章
Vue．js内置指令 26
3．1　本指令 26
3．1．1　v-text和v-html指令 26
3．1．2　v-cloak指令 27
3．1．3　v-once指令 27
3．1．4　v-if、v-else和v-show指令 28
3．1．5　v-on指令 29
3．1．6　v-for指令 32
3．1．7　数组更新 36
3．2　v-bind指令 41
3．2．1　v-bind指令的基本用法 41
3．2．2　v-bind绑定样式 42
3．3　v-model指令 46
3．3．1　v-model指令的基本用法 47
3．3．2　使用v-for指令动态渲染选项 48
3．3．3　绑定值 49
3．3．4　修饰符 49
3．4　案例——简易学生管理功能 50
3．5　本章小结 55
3．6　本章习题 55

第4章
Vue．js组件 57
4．1　组件的基本使用 57
4．1．1　全局组件 57
4．1．2　局部组件 58
4．1．3　组件中的data 59
4．1．4　使用template元素创建组件 60
4．1．5　组件嵌套 62
4．1．6　使用props传递数据 63
4．2　组件通信 68
4．2．1　父组件向子组件传通信 69
4．2．2　子组件向父组件通信 71
4．2．3　非父子组件之间的通信 73
4．2．4　创建自定义组件 75
4．3　内容分发 77
4．3．1　单个插槽 77
4．3．2　具名插槽 78
4．3．3　作用域插槽 82
4．4　动态组件 83
4．5　案例——使用组件实现购物车功能 87
4．6　本章小结 89
4．7　本章习题 89

第5章
Vue．js过滤器和自定义指令 91
5．1　过滤器注册和使用 91
5．2　动态参数 94
5．3　自定义指令的注册和使用 95
5．3．1　自定义全局指令 95
5．3．2　自定义局部指令 95
5．4　钩子函数 96
5．5　对象字面量 98
5．6　案例——过滤器变换输出形式 99
5．7　本章小结 100
5．8　本章习题 100

第6章
Vue．js过渡和动画 101
6．1　CSS过渡 101
6．2　CSS动画 105
6．3　JavaScript过渡 106
6．4　自定义过渡类名 108
6．5　案例——新增列表项的动画效果 110
6．6　本章小结 112
6．7　本章习题 112
第 2篇 工程化项目开发
第7章
Vue脚手架 114
7．1　快速构建项目 114
7．1．1　Vue脚手架的安装 114
7．1．2　初始化项目 115
7．1．3　项目结构 117
7．1．4　初识单文件组件 118
7．1．5　单文件组件嵌套 119
7．1．6　构建一个简单的脚手架项目 120
7．1．7　组件通信 123
7．2　前端路由 127
7．2．1　路由的安装和使用 128
7．2．2　跳转方式 131
7．2．3　编程式导航 134
7．2．4　路由传参及获取参数 135
7．2．5　子路由 136
7．2．6　路由拦截 140
7．3　服务器端数据访问Axios 145
7．3．1　使用CDN安装Axios 145
7．3．2　使用NPM安装Axios 147
7．3．3　请求本地JSON数据 149
7．3．4　跨域请求数据 152
7．3．5　GET请求 155
7．3．6　POST请求 161
7．4　Webpack基础 163
7．4．1　Webpack简介 163
7．4．2　Vue-CLI中Webpack的配置基础 164
7．4．3　Webpack常用的Loaders和插件 165
7．5　案例——课程和教师列表管理页面 167
7．6　本章小结 177
7．7　本章习题 177

第8章
Vuex 179
8．1　Vuex概述 179
8．2　Vuex的安装 180
8．3　Vuex的基本使用 180
8．3．1　Store概述 180
8．3．2　Vuex的使用 181
8．4　Vuex的复杂使用 182
8．4．1　mutations 182
8．4．2　actions 184
8．4．3　getters 187
8．4．4　mapState、mapMutations、mapActions和mapGetters 187
8．4．5　模块化 188
8．5　案例——虚拟用户管理功能 188
8．6　本章小结 193
8．7　本章习题 193

第9章
跨平台开发Weex 194
9．1　Weex简介及安装 194
9．2　创建一个Weex项目 195
9．3　Weex的生命周期 198
9．4　Vue在Weex中的差异性 198
9．5　Weex基本概念 199
9．6　Weex内置组件 201
9．6．1　组件 202
9．6．2　组件 202
9．6．3　组件 203
9．6．4　组件 205
9．6．5　组件 206
9．6．6　组件 207
9．7　Weex内置模块 209
9．7．1　dom模块 209
9．7．2　stream模块 210
9．7．3　modal模块 210
9．8　本章小结 215
9．9　本章习题 216
第3篇 工程化项目实战

第 10章
实战项目开发 218
10．1　项目介绍 218
10．2　项目开发前期准备 219
10．2．1　初始化项目目录 219
10．2．2　安装依赖包和插件 220
10．2．3　配置项目路由 220
10．3　项目功能设计与开发 221
10．3．1　首页 221
10．3．2　首页下拉刷新和上拉加载 223
10．3．3　首页搜索 225
10．3．4　课程列表页 226
10．3．5　课程详情页 228
10．3．6　留言列表页 229
10．3．7　留言详情页和发布留言页 231
10．3．8　注册登录界面 232
10．3．9　个人中心页 233