正版新书]Vue应用程序开发刘海 王美妮9787115551801

篇基础知识

章

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篇工程化项目实战

0章

实战项目开发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

刘海，广东科学技术职业学院计算机工程技术学院教师，硕士研究生，中共党员，副教授职称，自2006年进入高职院校工作后，在教育岗位辛勤耕耘至今，一直从事实践教学管理工作，担任软件技术专业、移动应用开发专业主任职务，从事教育工作14年以来一直站在实践教学的*线，“没有不合格的学生，只有不合格的教师”是他课堂教学的座右铭，近10年年度教学评价均为优秀等级，获 “学生*满意课程奖”，工作业绩成绩突出。 近五年来指导学生参加计算机设计大赛，移动应用开发职业技能竞赛、中国软件杯等竞赛中荣获*三等奖1项，省级一等奖2项、二等奖4项；作为项目负责人认定为*应用技术协同创新中心1项，*骨干专业1项，*服务外包项目1项，省级创新项目1项。

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 和实训项目开发。

本书内容组织合理、通俗易懂，突出实用性，适合作为计算机相关专业学生的教材，也适合计算机培训班教学使用，还可作为计算机爱好者的自学参考用书。