Vue应用程序开发

1．案例式教学 本书中的案例来自于实际项目，体现了“教、学、做一体化”的思想，方便读 者快速上手，能够培养读者实际操作的动手能力。 2．内容组织合理 本书按照由浅入深的顺序，分为基础知识、工程化项目开发和工程项目实战3 篇。基础知识篇介绍了项目开发所需要的Vue.js 基础知识；工程化项目开发篇讲解 了Vue 脚手架、Vuex 和Weex 的相关内容；工程化项目实战篇通过实战项目带领 读者整合前面章节所学习的内容。 3．教学资源丰富 本书配备了丰富的立体化教学资源，包括PPT、在线视频、课后习题答案、教学大纲、源代码等。

本书较为全面地介绍了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篇基础知识
第1章
Vue.js入门2
1.1初识Vue.js2
1.1.1什么是Vue.js2
1.1.2为什么要使用Vue.js2
1.1.3MVVM模式4
1.2使用Vue.js理解MVVM模式5
1.3Vue.js的响应式理解6
1.4本章小结7
1.5本章习题7
第2章
第一个Vue.js应用8
2.1Vue.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和setter19
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.1v-text和v-html指令26
3.1.2v-cloak指令27
3.1.3v-once指令27
3.1.4v-if、v-else和v-show指令28
3.1.5v-on指令29
3.1.6v-for指令32
3.1.7数组更新36
3.2v-bind指令41
3.2.1v-bind指令的基本用法41
3.2.2v-bind绑定样式42
3.3v-model指令46
3.3.1v-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组件中的data59
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.1CSS过渡101
6.2CSS动画105
6.3JavaScript过渡106
6.4自定义过渡类名108
6.5案例——新增列表项的动画效果110
6.6本章小结112
6.7本章习题112
第2篇工程化项目开发
第7章
Vue脚手架114
7.1快速构建项目114
7.1.1Vue脚手架的安装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服务器端数据访问Axios145
7.3.1使用CDN安装Axios145
7.3.2使用NPM安装Axios147
7.3.3请求本地JSON数据149
7.3.4跨域请求数据152
7.3.5GET请求155
7.3.6POST请求161
7.4Webpack基础163
7.4.1Webpack简介163
7.4.2Vue-CLI中Webpack的配置基础164
7.4.3Webpack常用的Loaders和插件165
7.5案例——课程和教师列表管理页面167
7.6本章小结177
7.7本章习题177
第8章
Vuex179
8.1Vuex概述179
8.2Vuex的安装180
8.3Vuex的基本使用180
8.3.1Store概述180
8.3.2Vuex的使用181
8.4Vuex的复杂使用182
8.4.1mutations182
8.4.2actions184
8.4.3getters187
8.4.4mapState、mapMutations、mapActions和mapGetters187
8.4.5模块化188
8.5案例——虚拟用户管理功能188
8.6本章小结193
8.7本章习题193
第9章
跨平台开发Weex194
9.1Weex简介及安装194
9.2创建一个Weex项目195
9.3Weex的生命周期198
9.4Vue在Weex中的差异性198
9.5Weex基本概念199
9.6Weex内置组件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.7Weex内置模块209
9.7.1dom模块209
9.7.2stream模块210
9.7.3modal模块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