Vue学习路线
目前，很多前端开发工程师会发现，Vue 正变得越来越受欢迎。从 GitHub 趋势看，Vue 已经排在第一位了，达到了 13 万的 Star。事实上，极客时间的前端构建主要是用来 Vue 完成的。
这并不奇怪，Vue 基于 HTML 的模板语法，响应式的更新机制，可以让你更快、更高效地开发项目，渐进式的开发理念和繁荣的生态圈，给我们提供了大量的最佳实践，无论你是开发简单的活动页还是复杂逻辑的中后台系统，Vue 都可以轻松应对。
对于每一个前端工程师来说，掌握 Vue 更像是一门「必修课」。
如同任何其他技术一样，Vue 也有入门门槛，学好它并不容易。如果你是 Vue 开发新手，可能已经听过很多行话术语，比如单页面应用程序（SPA）、异步组件、服务器端渲染等等。你可能还听说过与 Vue 有关的一些工具和库，比如 Vuex、Webpack、Vue CLI 等。
淹没在术语和工具海洋中难免会令人感到沮丧，这并不是你的错，有经验的开发人员也会持续感觉到这种压力。下面这张图是学习 Vue 的图鉴，看完以后，会不会觉得体系太庞大了？我们来树理一下。
首先要懂 JavaScript 和基本的 Web 开发
Vue 是一个用于构建 Web 用户界面的 JavaScript 框架。在开始使用 Vue 之前，你必须了解 JavaScript 和 Web 开发的基础知识。
理解 Vue 基本概念
如果你是 Vue 开发新手，应该专注于 Vue.js 生态系统的核心，包括 Vue 核心库、Vue Router等。这些工具将被用在大多数 Vue 应用程序中，并为其他领域提供了一个构建框架。
从根本上，Vue 就是提供了一种优雅和高效的机制操作网页上的元素，实现这一目标的关键特性是反应式（reactive）数据，还有指令和插槽等模板特性。这些东西在一开始就要学习。
要想构建你的第一个 Vue 应用程序，你还需要知道如何在网页中安装 Vue，并了解 Vue 实例的生命周期，如何构建单页面应用，并且不会在每次用户触发导航时重新加载和重建页面。随着应用程序的复杂度增加，你还需要管理各种状态。
然后，你进入了现实世界的 Vue
当你将应用程序部署到服务器开始为用户提供服务的时候，你发现它与你在开发环境中测试的速度和效率是不一样的。为了优化 Vue 应用程序，我们可以采用各种技术，包括服务器端渲染，也就是在服务器端执行 Vue 应用程序，然后输出 HTML 页面并传给用户。
这并不奇怪，Vue 基于 HTML 的模板语法，响应式的更新机制，可以让你更快、更高效地开发项目，渐进式的开发理念和繁荣的生态圈，给我们提供了大量的最佳实践，无论你是开发简单的活动页还是复杂逻辑的中后台系统，Vue 都可以轻松应对。
对于每一个前端工程师来说，掌握 Vue 更像是一门「必修课」。
如同任何其他技术一样，Vue 也有入门门槛，学好它并不容易。如果你是 Vue 开发新手，可能已经听过很多行话术语，比如单页面应用程序（SPA）、异步组件、服务器端渲染等等。你可能还听说过与 Vue 有关的一些工具和库，比如 Vuex、Webpack、Vue CLI 等。
淹没在术语和工具海洋中难免会令人感到沮丧，这并不是你的错，有经验的开发人员也会持续感觉到这种压力。下面这张图是学习 Vue 的图鉴，看完以后，会不会觉得体系太庞大了？我们来树理一下。
首先要懂 JavaScript 和基本的 Web 开发
Vue 是一个用于构建 Web 用户界面的 JavaScript 框架。在开始使用 Vue 之前，你必须了解 JavaScript 和 Web 开发的基础知识。
理解 Vue 基本概念
如果你是 Vue 开发新手，应该专注于 Vue.js 生态系统的核心，包括 Vue 核心库、Vue Router等。这些工具将被用在大多数 Vue 应用程序中，并为其他领域提供了一个构建框架。
从根本上，Vue 就是提供了一种优雅和高效的机制操作网页上的元素，实现这一目标的关键特性是反应式（reactive）数据，还有指令和插槽等模板特性。这些东西在一开始就要学习。
要想构建你的第一个 Vue 应用程序，你还需要知道如何在网页中安装 Vue，并了解 Vue 实例的生命周期，如何构建单页面应用，并且不会在每次用户触发导航时重新加载和重建页面。随着应用程序的复杂度增加，你还需要管理各种状态。
然后，你进入了现实世界的 Vue
当你将应用程序部署到服务器开始为用户提供服务的时候，你发现它与你在开发环境中测试的速度和效率是不一样的。为了优化 Vue 应用程序，我们可以采用各种技术，包括服务器端渲染，也就是在服务器端执行 Vue 应用程序，然后输出 HTML 页面并传给用户。
