Web开发经典丛书 Vue.js开发实战PDF|Epub|txt|kindle电子书版本网盘下载

Web开发经典丛书 Vue.js开发实战PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第I部分 初识Vue.js3

第1章 Vue.js介绍3

1.1 站在巨人的肩膀上4

1.1.1 MVC模式4

1.1.2 MVVM模式6

1.1.3 什么是反应式应用程序7

1.1.4 JavaScript计算器7

1.1.5 Vue计算器10

1.1.6 JavaScript和Vue的差别11

1.1.7 Vue如何促进MVVM和响应性12

1.2 使用Vue.js的理由12

1.3 展望未来14

1.4 本章小结14

第2章 Vue实例15

2.1 我们的第一个应用程序16

2.1.1 Vue根实例16

2.1.2 确保应用程序可以运行18

2.1.3 在视图中显示内容20

2.1.4 检查Vue中的属性22

2.2 Vue生命周期23

2.2.1 添加生命周期钩子24

2.2.2 探索生命周期代码25

2.2.3 是否保留生命周期代码27

2.3 显示商品27

2.3.1 定义商品数据27

2.3.2 添加商品视图标签28

2.4 运用输出过滤器31

2.4.1 编写过滤器函数31

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

2.5 练习题33

2.6 本章小结34

第Ⅱ部分 视图与视图模型37

第3章 增加交互性37

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

3.2 绑定到DOM事件39

3.2.1 事件绑定基础39

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

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

3.3.1 何时使用计算属性42

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

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

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

3.4.1 密切关注库存49

3.4.2 使用计算属性和库存50

3.4.3 指令v-show的基础知识51

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

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

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

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

3.5 练习题57

3.6 本章小结57

第4章 表单与输入框59

4.1 使用v-model绑定60

4.2 关于值绑定68

4.2.1 绑定值到复选框68

4.2.2 使用值绑定和单选按钮69

4.2.3 学习v-for指令71

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

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

4.3.1 使用.number修饰符75

4.3.2 修剪输入值76

4.3.3 v-model的.lazy修饰符78

4.4 练习题78

4.5 本章小结78

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

5.1 显示可用的库存信息80

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

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

5.2 循环商品83

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

5.2.2 将HTML类绑定到星级评分85

5.2.3 设置商品87

5.2.4 从product.json文件导入商品89

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

5.3 排序记录95

5.4 练习题97

5.5 本章小结97

第6章 使用组件99

6.1 什么是组件100

6.1.1 创建组件100

6.1.2 全局注册101

6.1.3 局部注册102

6.2 组件之间的关系103

6.3 使用props传递数据104

6.3.1 字面量props104

6.3.2 动态props105

6.3.3 props验证108

6.4 定义模板组件111

6.4.1 使用内联模板字符串111

6.4.2 text/x-template脚本元素112

6.4.3 使用单文件组件113

6.5 使用自定义事件114

6.5.1 监听事件114

6.5.2 使用.sync修改子属性116

6.6 练习题117

6.7 本章小结117

第7章 高级组件和路由119

7.1 使用插槽120

7.2 具名插槽123

7.3 作用域插槽125

7.4 创建动态组件应用程序127

7.5 设置异步组件129

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

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

7.6.2 设置路由134

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

7.6.4 设置组件137

7.6.5 创建Form组件139

7.6.6 添加Main组件140

7.7 路由143

7.7.1 添加带参数的商品路由143

7.7.2 设置带标签的router-link146

7.7.3 设置带样式的router-link148

7.7.4 添加子编辑路由149

7.7.5 使用重定向和通配符151

7.8 练习题153

7.9 本章小结153

第8章 转场和动画155

8.1 转场基础155

8.2 动画基础160

8.3 JavaScript钩子161

8.4 组件的转场164

8.5 更新宠物商店应用程序167

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

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

8.6 练习题171

8.7 本章小结171

第9章 扩展Vue173

9.1 用Mixin实现功能复用174

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

9.3 render函数和JSX184

9.3.1 render函数示例185

9.3.2 JSX示例188

9.4 练习题192

9.5 本章小结192

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

第10章 Vuex195

10.1 Vuex的优势196

10.2 Vuex状态与mutation197

10.3 getter和action201

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

10.5 Vuex助手207

10.6 Vuex模块速览210

10.7 练习题212

10.8 本章小结212

第11章 与服务器通信213

11.1 服务器端渲染214

11.2 Nuxt.js简介215

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

11.2.2 创建项目并安装依赖库218

11.2.3 创建构建块和组件221

11.2.4 更新默认布局223

11.2.5 添加Vuex存储224

11.2.6 使用中间件225

11.2.7 使用Nuxt.js生成路由226

11.3 用Firebase和VuexFire与服务器通信231

11.3.1 设置Firebase231

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

11.3.3 用身份验证状态更新Vuex236

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

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

11.4 练习题242

11.5 本章小结242

第12章 测试243

12.1 创建测试用例244

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

12.2.1 持续集成245

12.2.2 持续交付246

12.2.3 持续部署246

12.3 测试类型246

12.4 配置环境247

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

12.6 测试组件252

12.6.1 测试属性253

12.6.2 测试文本254

12.6.3 测试CSS样式类254

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

12.7 配置Chrome调试器257

12.8 练习题260

12.9 本章小结260

附录A 配置开发环境261

附录B 练习题解答267