第I部分 初识Vue.js

第1章 Vue.js介绍

1.1 站在巨人的肩膀上

1.1.1 MVC模式

1.1.2 MVVM模式

1.1.3 什么是反应式应用程序

1.1.4 JavaScript计算器

1.1.5 Vue计算器

1.1.6 JavaScript和Vue的差别

1.1.7 Vue如何促进MVVM和响应性

1.2 使用Vue.js的理由

1.3 展望未来

1.4 本章小结

第2章 Vue实例

2.1 我们的第一个应用程序

2.1.1 Vue根实例

2.1.2 确保应用程序可以运行

2.1.3 在视图中显示内容

2.1.4 检查Vue中的属性

2.2 Vue生命周期

2.2.1 添加生命周期钩子

2.2.2 探索生命周期代码

2.2.3 是否保留生命周期代码

2.3 显示商品

2.3.1 定义商品数据

2.3.2 添加商品视图标签

2.4 运用输出过滤器

2.4.1 编写过滤器函数

2.4.2 将过滤器添加到我们的标签并测试不同的值

2.5 练习题

2.6 本章小结

第Ⅱ部分 视图与视图模型

第3章 增加交互性

3.1 购物车数据，从添加一个数组开始

3.2 绑定到DOM事件

3.2.1 事件绑定基础

3.2.2 将事件绑定到Add to cart按钮

3.3 添加购物车件数按钮并计数

3.3.1 何时使用计算属性

3.3.2 使用计算属性检查更新事件

3.3.3 显示购物车商品计数及测试

3.4 让我们的按钮具备用户直观功能

3.4.1 密切关注库存

3.4.2 使用计算属性和库存

3.4.3 指令v-show的基础知识

3.4.4 使用v-if和v-else显示被禁用的按钮

3.4.5 添加Adding the cart按钮用于切换

3.4.6 使用v-if显示结账页面

3.4.7 对比v-show与v-if/v-else

3.5 练习题

3.6 本章小结

第4章 表单与输入框

4.1 使用v-model绑定

4.2 关于值绑定

4.2.1 绑定值到复选框

4.2.2 使用值绑定和单选按钮

4.2.3 学习v-for指令

4.2.4 没有可选key的v-for指令

4.3 通过应用程序学习修饰符

4.3.1 使用.number修饰符

4.3.2 修剪输入值

4.3.3 v-model的.lazy修饰符

4.4 练习题

4.5 本章小结

第5章 条件语句、循环和列表

5.1 显示可用的库存信息

5.1.1 用v-if添加剩余的商品数量

5.1.2 使用v-else和v-else-if添加更多消息

5.2 循环商品

5.2.1 使用v-for范围循环增加星级评分

5.2.2 将HTML类绑定到星级评分

5.2.3 设置商品

5.2.4 从product.json文件导入商品

5.2.5 使用v-for指令重构应用程序

5.3 排序记录

5.4 练习题

5.5 本章小结

第6章 使用组件

6.1 什么是组件

6.1.1 创建组件

6.1.2 全局注册

6.1.3 局部注册

6.2 组件之间的关系

6.3 使用props传递数据

6.3.1 字面量props

6.3.2 动态props

6.3.3 props验证

6.4 定义模板组件

6.4.1 使用内联模板字符串

6.4.2 text/x-template脚本元素

6.4.3 使用单文件组件

6.5 使用自定义事件

6.5.1 监听事件

6.5.2 使用.sync修改子属性

6.6 练习题

6.7 本章小结

第7章 高级组件和路由

7.1 使用插槽

7.2 具名插槽

7.3 作用域插槽

7.4 创建动态组件应用程序

7.5 设置异步组件

7.6 使用Vue-CLI转换宠物商店应用程序

7.6.1 使用Vue-CLI新建应用程序

7.6.2 设置路由

7.6.3 将CSS、Bootstrap和axios添加到应用程序中

7.6.4 设置组件

7.6.5 创建Form组件

7.6.6 添加Main组件

7.7 路由

7.7.1 添加带参数的商品路由

7.7.2 设置带标签的router-link

7.7.3 设置带样式的router-link

7.7.4 添加子编辑路由

7.7.5 使用重定向和通配符

7.8 练习题

7.9 本章小结

第8章 转场和动画

8.1 转场基础

8.2 动画基础

8.3 JavaScript钩子

8.4 组件的转场

8.5 更新宠物商店应用程序

8.5.1 在宠物商店应用程序中添加转场

8.5.2 在宠物商店应用程序中加入动画

8.6 练习题

8.7 本章小结

第9章 扩展Vue

9.1 用Mixin实现功能复用

9.2 通过示例学习自定义指令

9.3 render函数和JSX

9.3.1 render函数示例

9.3.2 JSX示例

9.4 练习题

9.5 本章小结

第Ⅲ部分 数据建模、API调用和测试

第10章 Vuex

10.1 Vuex的优势

10.2 Vuex状态与mutation

10.3 getter和action

10.4 在宠物商店应用程序的Vue-CLI脚手架中加入Vuex

10.5 Vuex助手

10.6 Vuex模块速览

10.7 练习题

10.8 本章小结

第11章 与服务器通信

11.1 服务器端渲染

11.2 Nuxt.js简介

11.2.1 创建一个音乐搜索应用程序

11.2.2 创建项目并安装依赖库

11.2.3 创建构建块和组件

11.2.4 更新默认布局

11.2.5 添加Vuex存储

11.2.6 使用中间件

11.2.7 使用Nuxt.js生成路由

11.3 用Firebase和VuexFire与服务器通信

11.3.1 设置Firebase

11.3.2 使用Firebase设置宠物商店应用程序

11.3.3 用身份验证状态更新Vuex

11.3.4 在Header组件中加入身份验证

11.3.5 更新Main.vue以使用Firebase实时数据库

11.4 练习题

11.5 本章小结

第12章 测试

12.1 创建测试用例

12.2 持续集成、持续交付和持续部署

12.2.1 持续集成

12.2.2 持续交付

12.2.3 持续部署

12.3 测试类型

12.4 配置环境

12.5 使用vue-test-utils创建第一个测试用例

12.6 测试组件

12.6.1 测试属性

12.6.2 测试文本

12.6.3 测试CSS样式类

12.6.4 使用Vuex模拟数据进行测试

12.7 配置Chrome调试器

12.8 练习题

12.9 本章小结

附录A 配置开发环境

附录B 练习题解答