Web开发经典丛书 Vue.js开发实战
作者:(美)埃里克 汉切特
出版时间: 2019年版
丛编项: Web开发经典丛书
内容简介
Vue.js是一个轻量级的前端框架,提供简单的双向数据绑定、反应式UI以及常规的项目结构。它使用UI模式和现代HTML,通过小的代码片段逐步实现了难以置信的快速页面加载和流畅的转场。使用普通的JavaScript以及集成的Vuex状态管理工具,在Vue中进行开发是一种乐趣。
《Vue.js开发实战/Web开发经典丛书》是构建现代Web应用程序的优秀指南。在书中,首先将探索反应式UI模型,同时熟悉Vue的独特功能。然后,通过构建具有管理界面和库存管理功能的购物车,你将更深入地了解Vue!最后,你将扩展你的应用程序,添加转场、测试和其他关键功能,直到产品就绪。
目录
第Ⅰ部分 初识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 本章小结
……
第Ⅲ部分 数据建模、API调用和测试
附录A 配置开发环境
附录B 练习题解答