Vue 概述

如果你是一名 Vue 开发新手，可能已经听过很多行话术语，比如单页面应用程序、异步组件、服务器端渲染等等，或者还听说过与 Vue 有关的一些工具和库，比如 Vuex、Webpack、Vue CLI 和 Nuxt。

那么究竟什么是Vue，有什么作用？

Vue.js是一套用于构建用户界面的渐进式框架，主要用于快速的构建前端界面，与其它大型的前端框架不同，Vue被设计为可以自底向上逐层应用。

相比Angular.js来说，Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合，是初创项目的前端首选框架。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。

单独来说，Vue.js是一个用于构建用户界面的前端库，本身就具有响应式编程和组件化的诸多优点。所谓响应式编程，即是一种面向数据流和变化传播的编程范式，可以在编程语言中很方便地表达静态或动态的数据流，而相关的计算模型会自动将变化的值通过数据流进行传播。

响应式编程在前端开发中得到了大量的应用，在大多数前端MVX框架都可以看到它的影子。相比较于Angular.js和React.js而言，Vue.js并没有引入太多的新概念，只是对已有的概念进行了精简。并且，Vue.js很好的借鉴了React.js的组件化思想，使应用开发起来更加容易，真正实现了模块化开发的目的。

相比于Angular.js和React.js而言，Vue.js一直以轻量级、易上手而被人称道。MVVM的开发模式也使前端从传统的DOM操作中释放出来，开发者不需要再把时间浪费在视图和数据的维护上，只需要关注data的变化即可。并且，Vue的渲染层基于轻量级的virtual-DOM实现，在大多数的场景下初始化速度和内存消耗都提高2-4倍。同时，越来越多的移动客户端也开始支持使用Vue.js来进行开发，可以坚信使用Vue.js打造三端一致的Native应用将变成可能。

作为一个新兴的前端框架，Vue.js大量借鉴和参考了Angular.js和React.js等优秀的前端框架。而在版本支持上，Vue.js抛弃了对IE8的支持，对移动端的支持也有一定的要求，也即是说使用Vue.js进行移动跨平台开发时需要Android 4.2+和iOS 7+支持。

如果读者所在的项目是一个前后端分离的项目，亦或者是一个创业项目，想使用Vue.js打造三端一致的Native体验，那么Vue.js将是一个不错的选择。

Vue 线路图

俗话说，一口气吃不成胖子。对于一个新手，又如何学习Vue呢？还需要如何进阶呢？又需要掌握哪些高级知识？为了解答这些疑问，下面看一张Vue的技能图。

JavaScript 与Web基础

Vue 作为一个用于构建 Web 用户界面的 JavaScript 框架，在开始使用 Vue 之前，你必须了解 JavaScript 和 Web 开发的基础知识。

并且还需要掌握一些 Vue.js 生态系统的核心知识，包括 Vue 核心库、Vue Router 和 Vuex。

Vue 核心功能

从根本上说，Vue 就是一个用于同步网页的JavaScript技术框架。实现这一目标的关键特性是反应式（reactive）数据，以及指令和插值等模板功能。

要构建一个 Vue 应用程序，你还需要知道如何在网页中安装 Vue，并了解 Vue 实例的生命周期等知识。

组件

其次，Vue 组件是独立的可重用 UI 元素。因此，你需要了解如何声明组件，以及如何通过 prop 和 event 在它们之间发生交互。