前言

您是否希望将 Vue 2 用于 Web 应用程序，但不知道从哪里开始？使用 Vue.js 进行前端开发项目将帮助您构建开发工具包并为处理现实世界的 Web 项目做好准备。您将通过实际示例和活动来掌握此 JavaScript 框架的核心概念。

通过本书中的用例，您将了解如何处理 Vue 组件中的数据、定义组件之间的通信接口以及处理静态和动态路由以控制应用程序流程。您将掌握 Vue CLI 和 Vue DevTools，并学习如何处理过渡和动画效果以创建引人入胜的用户体验。在有关测试和部署到网络的章节中，您将获得像经验丰富的 Vue 开发人员一样开始工作并构建可供其它人使用的专业应用程序的技能。

您将从事以小型练习(exercises)和活动(activities)形式呈现的现实项目，让您以一种愉快且实战的方式挑战自己。这些迷你项目包括聊天界面、购物车和价格计算器、待办事项应用程序以及用于存储联系方式的个人资料卡生成器。

读完本书后，您将有信心处理任何 Web 开发项目并解决现实世界的前端开发问题。

章节简介

第 1 章启动您的第一个 Vue 项目，您将创建 Vue 组件。您将学习 Vue.js 的基础知识并了解 JavaScript 应用程序中的响应性。

第 2 章使用数据，提供了有关使用计算数据 props、使用 watchers 观察状态变化以及利用异步 API 的更多组件构建块的信息。

第 3 章 Vue CLI，将深入介绍 Vue 的开发工具包。您将了解如何使用 Vue CLI 和浏览器 DevTools。

第 4 章嵌套组件(模块化)，探讨跨组件传递数据以实现模块化的方法。

第 5 章全局组件组合，深入探讨了在 Vue.js 代码库中共享组件功能的方法。

第 6 章路由，涵盖了 Vue 中标准和动态路由的使用。您将学习如何在 Vue 中创建具有复杂多页面应用程序的 SPA。

第 7 章动画和过渡，涵盖了 Vue 附带的内置动画和过渡以及如何使用 Vue 的外部 JavaScript 库。我们将创建要在演示应用程序中使用的自定义动画。

第 8 章 Vue.js 状态管理的状态，介绍了 Vue.js 状态管理的不同方法。

第 9 章使用 Vuex – 状态(State)、获取器(Getters)、操作(Actions)和突变(Mutations)，向您介绍用于 Vue 中状态管理的 Vuex 库。

第 10 章使用 Vuex – 获取远程数据，讨论如何使用 Vuex 和远程 API。

第 11 章使用 Vuex – 组织大型存储，帮助您组织和管理大型 Vuex 存储。

第 12 章单元测试，着眼于测试 Vue.js 应用程序的各个部分，包括组件、过滤器和 mixin。

第 13 章端到端测试，介绍了 Cypress，它用于为 Vue.js 应用程序编写端到端测试。

第 14 章将代码部署到 Web，着眼于持续集成/持续部署的现代最佳实践，并考虑如何将 Vue.js 应用程序部署到多个托管提供商。