前言

在你学习如何制作vue.js应用之前,首先,让我们谈谈你应该知道的一些事情。

在写这本书时,我反复听到vue.js官方教程是最好的学习资源。虽然官方指南很好,我强烈建议你把它们作为额外辅助材料,但是,他们没有涵盖所有的东西,他们也不是完美的。在我写这本书的时候,我决定超越官方指南所涵盖的范围。我让这些例子更容易理解和联系,这样你就可以更容易地将这些概念应用到你自己的项目中。当我认为某个主题超出了本书的范围,或者不够重要时,我添加了一个参考,您可以在官方指南中了解更多。

这本书有几种不同的用法。你可以从头到尾读。在这种情况下,你将得到vue.js必须提供的所有内容。或者你可以用这本书作为参考手册来查找任何你需要更多信息的概念。任何一种方式都可以接受。

在本书后面我们将过渡到使用build创作vue.js的应用程序。别担心,我已经在附录A中介绍了如何开始使用vue.js的构造系统Vue-­CLI。Vue-Cli的一个最重要的好处是它可以帮助我们创建更复杂的vue.js应用程序,而不必担心构建或传输我们的代码。

在整本书中,我们将创建一个vue.js宠物商店应用程序。某些章节比其他章节更多地使用宠物商店的例子。我这样做是有目的的,所以你可以很容易地学习一个概念,而不必学习如何与宠物商店的应用程序工作。但是那些喜欢用实际应用程序学习的人仍然有这个选择。观众历史主题学习路径提供和交易亮点设置支持注销

读者

这本书是为任何有兴趣学习的人准备的vue.js并且拥有JavaScript、HTML和CSS的经验。我不希望您对此有太多的了解,但是了解一些基础知识,比如数组、变量、循环和HTML标记会有所帮助。至于CSS,我们将使用bootstrap3,一个CSS库。但是,您不需要了解任何有关引导的知识就可以跟随示例一起使用。它只是用来帮助造型的。

在本书的早期,我介绍了使用ECMAScript 2015(也称为ES6)的示例代码。在你开始读这本书之前把它看一遍是个好主意。在大多数情况下,我只使用了一些ES6特性,比如箭头函数和ES6导入。我会在书中警告你当我们做这个转变。

 

这本书分为三个部分,每一部分都建立在前一部分的基础上。第一部分主要是为了了解虚拟用户.js. 在第一章和第二章中,我们将创建第一个虚拟用户.js应用程序。我们来看看虚拟用户.js实例以及它与我们的应用程序的关系。在第2部分第3-9章中,我们将更仔细地研究视图和视图模型。在本节中,我们将深入了解虚拟用户.js. 第一部分更像是开胃菜虚拟用户.js第二部分是主菜。您将学习如何创建虚拟用户.js应用程序。我们将从学习反应模型开始,并创建一个宠物商店应用程序,我们将在本书的其余部分使用它。我们将添加表单和输入,以及如何使用虚拟用户.js的强大指令,然后查看条件、循环和窗体。第六章和第七章非常重要。我们将学习如何打破僵局虚拟用户.js使用组件将应用程序分为几个逻辑部分,我们将首先了解您需要创建的构建工具虚拟用户.js应用程序。第7章还介绍了路由。在前面的章节中,我们使用简单的条件来导航我们的应用程序。通过添加路由,我们可以在应用程序中适当地移动,并在路由之间传递信息。第8章向您介绍可以使用虚拟用户.js. 这些特性已经融入到语言中,是您应该检查的好特性。