Vue开发者指南：2019你最需要学些什么？

　　作为 Vue 的初学者，您或许已经听过很多关于它的专业术语了，例如：单页面应用程序、异步组件、服务器端呈现等，您可能还听过和Vue经常一起被提到的工具和库，如Vuex、Webpack、Vue CLI和Nuxt。

　　面对这些海量、未知的专业术语和工具，您很可能会感到无助和绝望，没关系，这是所有新手在初次接触Vue时都会有的感受。

　　Vue庞大的体系和生态，很可能会让您无所适从。为了便于您更清晰的理解Vue的体系架构，在这里我将为您展示 “2019年Vue开发者知识图谱”，它包含了所有 Vue 开发过程中的关键部分。您可以参考这个图谱，为您在未来学习Vue的框架指引方向。

　　0. JavaScript和Web开发基础

　　如果我让你去阅读纯英文书籍，那么你应该先学习英文，对吗?

　　同样，Vue是一个用于构建Web用户界面的JavaScript框架。在开始使用Vue之前，您至少必须先掌握JavaScript和Web开发的基础知识。

　　1. Vue的基本概念

　　如果您是一名Vue的萌新开发者，您应该更专注于Vue.js 生态系统的核心，它包括Vue核心库、Vue Router和Vuex。因为这些工具将会在绝大部分的Vue应用程序中出现。

　　Vue核心功能

　　在一般情况下，Vue将网页和JavaScript保持同步，实现这一目标的特性是响应式数据指令和插值等模板功能，这些都是第一天需要学习的内容。

　　在构建你的第一个Vue应用之前，你还必须要去了解如何在网页中安装/使用Vue，以及了解Vue引用实例的生命周期。

　　组件

　　Vue的组件是可重复使用、且相互独立的UI元素。您首先需要学习，如何声明组件，及如何通过属性和事件使组件间达成通信。同时，学会组合组件也同样重要，这决定了你能否使用Vue构建出一个健壮、可扩展的Web应用程序。

　　单页面应用程序

　　单页面应用程序(SPA)架构，决定了你创建的Web页面能够展示和多页面网站一样丰富的内容，且不会发生在用户点击链接后重新加载整个页面这样低效的行为。

　　一旦您将您的“页面”创建成了一个Vue组件，您可以为每一个组件使用Vue Router，将每个请求映射到一个唯一的访问路径上，Vue Router是一个由Vue团队维护的用于构建单页面应用程序(SPA)的工具。

　　状态管理

　　随着项目规模越来越庞大， SPA的页面上将会有越来越多的组件，管理全局状态也将变得愈发棘手，组件因为大量的属性和事件监听器而变得臃肿。

　　为应对上述情况，你的需要开始了解Vue的状态管理：一种被称为“Flux”的特殊模式，可将您的数据保存在稳定的中央存储中。Flux可通过Vuex库来实现，该库由Vue团队维护。

　　2. 生产环境中的Vue

　　您从第一部分获取的知识理论上可用于构建高性能的Vue应用程序。那么，如何确保他们能够在实际生产环境下运行呢?

　　如果您要把基于Vue.js 的产品推向用户，您还需要了解更多内容，以下将为您介绍。

　　项目脚手架

　　如果您需要经常构建Vue应用程序，您会发现几乎每个项目都会提供配置、设置和开发人员工具。

　　Vue团队维护了一个名为Vue CLI的工具，它可以让您在几分钟内构建一个强大的Vue开发环境。

　　全栈 / 认证应用程序

　　Vue应用是数据驱动型的用户界面，数据通常由Node、Laravel、Rails、Django

　　或其他服务器框架编写的安全API作为来源，大部分数据是由传统的REST API或GraphQL提供，再或者是Web Socket提供的实时数据。

　　您应该熟悉这些用于将Vue集成到全堆栈配置中的设计模式，以及在Vue应用程序中保护用户数据安全的各种注意事项。

　　如果您正在评估什么后端产品是您开发Vue应用时的最好选择，那么这篇文章中应该有您的答案。

　　测试

　　如果您想确保您的Vue应用程序在生产环境中表现的既可维护又稳定，您需要对您的应用提供完整的测试。

　　在Vue应用程序中，单元测试可确保您的组件始终为给定的输入(属性或用户输入的内容)提供相同的输出(渲染好的HTML或事件)。

　　Vue团队维护着一个名为Vue Test Utils的工具，它允许您对组件单独创建和执行测试过程。

　　优化手段

　　当您将应用程序部署到远程服务器后，这个应用的访问速度和执行效率很可能不会像在开发阶段表现的那样迅速，很可能当用户访问时速度会变得很慢。