零、序言

这本书是关于 Vue.js 的。我们将开始我们的旅程,试图了解什么是 Vue.js,它与其他框架相比如何,以及它允许我们做什么。我们将学习 Vue.js 的不同方面,同时在此基础上构建有趣的小应用,并在实践中应用这些方面。最后,我们将回顾过去,看看我们学到了什么,并展望未来,看看我们还可以学习和做些什么。因此,您将学习以下内容:

  • 什么是 Vue.js 及其工作原理
  • 与 Vue.js 的反应性和数据绑定
  • 使用 Vue.js 的可重用组件
  • Vue.js 的插件
  • 测试和部署用 Vue.js 编写的应用

本书中的所有示例都构建在最近发布的 Vue 2.0 版本之上。这本书还包含了对先前版本的参考,内容涉及框架的不推荐或更改的方面。

我相信,在本书中,您一定会喜欢使用 Vue.js 构建应用的过程。

这本书涵盖的内容

第 1 章与 Vue.js一起购物,包括对 Vue.js 的介绍、本书中使用的术语以及第一个基本示例。

第 2 章基础知识-安装和使用,解释了 Vue.js 的幕后,提供了对架构模式的理论见解,涉及了几乎所有主要的 Vue.js 概念,并引导了将通过本书开发的应用。

第 3 章组件——理解和使用深入组件,并解释如何使用简单的组件系统和单文件组件重写应用。

第 4 章反应性–将数据绑定到应用中,详细解释了 Vue.js 中数据绑定机制的用法。

第 5 章Vuex–在应用中管理状态详细介绍了 Vue.js 的状态管理系统 Vuex,并解释了如何在应用中使用它,以实现一个良好的、可维护的体系结构。

第 6 章插件——用自己的砖块建造自己的房子,展示了如何在 Vue 应用中使用插件,并说明了如何在应用中使用现有插件,以及如何构建自己的插件,然后使用它。

第 7 章测试–测试我们目前所做工作的时间,介绍了可用于 Vue 应用的测试技术,以使其达到所需的质量水平。我们在书中通过展示如何编写单元测试以及如何为应用开发端到端测试来解决这个问题。

第八章部署——上线时间到了!展示了如何将您的 Vue 应用推向世界,并通过持续集成工具保证其质量。它解释了如何将 GitHub 存储库连接到 Travis 持续集成系统和 Heroku 云部署平台。

第 9 章下一步是什么,总结了迄今为止所做的一切,并给读者留下了后续步骤。

附录练习解答提供前三章练习解答。

这本书你需要什么

本书的要求如下:

  • 连接互联网的计算机
  • 文本编辑器/IDE
  • Node.js

这本书是给谁的

这本书是为网络开发者或那些想成为网络开发者的人而写的。无论您是刚刚开始使用 web 技术,还是已经是 web 技术浩瀚海洋中的框架和语言大师,本书可能会向您展示反应式 web 应用世界中的一些新东西。如果您是 Vue 开发人员并使用过 Vue 1.0,那么本书可能是迁移到 Vue 2.0 的有用指南,因为本书的所有示例都基于 Vue 2.0。即使您已经在使用 Vue 2.0,本书也可能是一个很好的练习,可以从头开始构建应用,应用所有 Vue 和软件工程概念,并将其带到部署阶段。

至少需要一些技术背景。如果您已经可以用 JavaScript 编写代码,这将是一个巨大的优势。

公约

在本书中,您将发现许多文本样式可以区分不同类型的信息。下面是这些风格的一些例子,并解释了它们的含义。

文本中的代码词、数据库表名、文件夹名、文件名、文件扩展名、路径名、虚拟 URL、用户输入和 Twitter 句柄如下所示:“您的插件必须提供一个install方法。”

代码块设置如下:

export default {
  components: {
    ShoppingListComponent,
    ShoppingListTitleComponent
  },
  computed: mapGetters({
    shoppinglists: 'getLists'
  })
}

当我们希望提请您注意代码块的特定部分时,相关行或项目以粗体显示:

export default {
  components: {
    ShoppingListComponent,
    ShoppingListTitleComponent
  },
  computed: mapGetters({
    shoppinglists: 'getLists'
  }),
  methods: mapActions(['populateShoppingLists']),
  store,
  mounted () {
    this.populateShoppingLists()
  }
}

任何命令行输入或输出的编写方式如下:

cd shopping-list
npm install vue-resource --save-dev

新术语重要词语以粗体显示。您在屏幕上看到的单词,例如,在菜单或对话框中,会出现在如下文本中:“选中Developer mode复选框。”

警告或重要注释显示在这样的框中。

提示

提示和技巧如下所示。

读者反馈

我们欢迎读者的反馈。让我们知道你对这本书的看法你喜欢还是不喜欢。读者反馈对我们来说很重要,因为它可以帮助我们开发出您将真正从中获得最大收益的标题。要向我们发送一般反馈,只需发送电子邮件 feedback@packtpub.com,并在邮件主题中提及该书的标题。如果您对某个主题有专业知识,并且您有兴趣撰写或贡献一本书,请参阅我们的作者指南www.packtpub.com/authors

客户支持

既然您是一本 Packt 图书的骄傲拥有者,我们有很多东西可以帮助您从购买中获得最大收益。

下载示例代码

您可以从您的帐户下载本书的示例代码文件 http://www.packtpub.com 。如果您在其他地方购买了本书,您可以访问http://www.packtpub.com/support 并注册,将文件直接通过电子邮件发送给您。

您可以通过以下步骤下载代码文件:

  1. 使用您的电子邮件地址和密码登录或注册我们的网站。
  2. 将鼠标指针悬停在顶部的SUPPORT选项卡上。
  3. 点击Code Downloads & Errata
  4. Search框中输入图书名称。
  5. 选择要下载代码文件的书籍。
  6. 从您购买本书的下拉菜单中选择。
  7. 点击Code Download

下载文件后,请确保使用以下最新版本解压或解压缩文件夹:

  • WinRAR/7-Zip for Windows
  • 适用于 Mac 的 Zipeg/iZip/UnRarX
  • 适用于 Linux 的 7-Zip/PeaZip

该书的代码包也托管在 GitHub 上的https://github.com/PacktPublishing/Learning-Vue.js-2 。我们在上还提供了丰富的书籍和视频目录中的其他代码包 https://github.com/PacktPublishing/ 。看看他们!

勘误表

虽然我们已尽一切努力确保内容的准确性,但错误确实会发生。如果您在我们的一本书中发现错误,可能是文本或代码中的错误,如果您能向我们报告,我们将不胜感激。通过这样做,您可以使其他读者免于沮丧,并帮助我们改进本书的后续版本。如果您发现任何错误,请访问进行报告 http://www.packtpub.com/submit-errata ,选择您的书籍,点击Errata Submission Form链接,输入您勘误表的详细信息。一旦您的勘误表得到验证,您的提交将被接受,勘误表将上载到我们的网站或添加到该标题勘误表部分下的任何现有勘误表列表中。

要查看之前提交的勘误表,请转至https://www.packtpub.com/books/content/support 并在搜索字段中输入图书名称。所需信息将出现在Errata部分下。

盗版

在互联网上盗版版权材料是所有媒体都面临的一个持续问题。在 Packt,我们非常重视版权和许可证的保护。如果您在互联网上发现任何形式的非法复制品,请立即向我们提供地址或网站名称,以便我们采取补救措施。

请联系我们 copyright@packtpub.com 与怀疑盗版材料的链接。

我们感谢您在保护我们的作者方面提供的帮助以及我们为您带来有价值内容的能力。

问题

如果您对本书的任何方面有疑问,请联系我们 questions@packtpub.com,我们会尽力解决这个问题。