本书较为全面地介绍了Vue.js 技术的基础知识与实战项目开发，每个章节都以案例教学为引导，以培养读者能力为目的，充分体现了“做中学”“学中做”的思想，以方便更多的初学者轻松地掌握本书的内容。本书分为3 篇，第1 篇为基础知识，包括第1～6 章；第2 篇为工程化项目开发，包括第7～9 章；第3 篇为工程化项目实战，包括第10 章。各章具体内容为Vue.js 入门、第一个Vue.js 应用、Vue.js 内置指令、Vue.js组件、Vue.js 过滤器和自定义指令、Vue.js 过渡和动画、Vue 脚手架、Vuex、跨平台开发Weex 和实训项目开发。
本书内容组织合理、通俗易懂，突出实用性，适合作为计算机相关专业学生的教材，也适合计算机培训班教学使用，还可作为计算机爱好者的自学参考用书。
1．案例式教学
本书中的案例来自于实际项目，体现了“教、学、做一体化”的思想，方便读
者快速上手，能够培养读者实际操作的动手能力。
2．内容组织合理
本书按照由浅入深的顺序，分为基础知识、工程化项目开发和工程项目实战3
篇。基础知识篇介绍了项目开发所需要的Vue.js 基础知识；工程化项目开发篇讲解
了Vue 脚手架、Vuex 和Weex 的相关内容；工程化项目实战篇通过实战项目带领
读者整合前面章节所学习的内容。
3．教学资源丰富
本书配备了丰富的立体化教学资源，包括PPT、在线视频、课后习题答案、教学大纲、源代码等。
刘海，广东科学技术职业学院计算机工程技术学院教师，硕士研究生，中共党员，副教授职称，自2006年进入高职院校工作后，在教育岗位辛勤耕耘至今，一直从事实践教学管理工作，担任软件技术专业、移动应用开发专业主任职务，从事教育工作14年以来一直站在实践教学的第一线，“没有不合格的学生，只有不合格的教师”是他课堂教学的座右铭，近10年年度教学评价均为优秀等级，获 “学生最满意课程奖”，工作业绩成绩突出。 近五年来指导学生参加计算机设计大赛，移动应用开发职业技能竞赛、中国软件杯等竞赛中荣获国家级三等奖1项，省级一等奖2项、二等奖4项；作为项目负责人认定为国家级应用技术协同创新中心1项，国家级骨干专业1项，国家级服务外包项目1项，省级创新项目1项。
目录 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
书单推荐
