Vue框架诞生于2014年，其作者为中国人——尤雨溪！Vue是开源世界华人的骄傲！！

很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。Vue是新人最容易入手的框架之一，不同于React和Angular,其中文档也便于大家阅读和学习。Vue用于构建交互式的Web界面的库，是一个构建数据驱动的Web界面渐进式框架，该框架遵循CMD规范，并且提供的设计模式为Model->View->View-Model和一个可组合的组合型组件系统，具有简单的、灵活的API。该框架继承了React的虚拟DOM技术和Angular的双向数据绑定技术，是一款较新的功能性框架。

Vue的特性

1. 轻量级的框架

2. 双向数据绑定

3. 指令

4. 插件化

Vue的优点

• 简单：官方文档很清晰，比 Angular 简单易学。

• 快速：异步批处理方式更新 DOM。

• 组合：用解耦的、可复用的组件组合你的应用程序。

• 紧凑：~18kb min+gzip，且无依赖。

• 强大：表达式 & 无需声明依赖的可推导属性 (computed properties)。

• 对模块友好：可以通过 NPM、Bower 或 Duo 安装，不强迫你所有的代码都遵循 Angular 的各种规定，使用场景更加灵活。

Vue的应用

1）Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统。

Vue的使用非常的简单，创建一个本地的 .html 文件，然后引入Vue，这样， 我们就已经成功创建了第一个 Vue 应用！

2）现在有很多大公司都在使用Vue

有越来越多的项目在使用 vue。这些项目里面，有桌面端也有移动端，有面向用户的，也有后台系统；比如饿了么，苏宁易购，触屏版的购物车结算页面已经用 Vue 重构，在众多框架中还是选择了 Vue，主要还是因为 API 比较友好，体验上也流畅了。

据不完全统计，包括美团、天猫、Laravel、htmlBurger等国内外知名大公司都在使用vue进行新项目的开发和旧项目的前端重构工作。

Vue实例的创建

实际上，Vue框架的入口就是Vue实例，其实就是框架中的View Model，它包含页面中的业务处理逻辑、数据模型等，它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。

创建Vue实例，大致会经过四个过程：

• new Vue()

首先通过关键语句new Vue()创建一个Vue实例app

这个时候就传了一个空对象。在控制台上打印app，你可以看到这个Vue实例对应的参数。

• 挂载元素

就是把新创建的Vue实例app挂载到一个DOM元素上

• 设置数据

接下来再给Vue实例中设置数据data

此时，Vue实例已经挂载到#app的DOM元素上，数据data也有了。最后只需要将Vue实例中的数据绑定到指定的视图上就可以。

• 模板渲染

使用文本插值方式，将数据中的name插入到对应的模板中。

在Vue的实例中，除了插入挂载元素、数据选项之外，还可以插入模板、方法和生命周期钩子等选项；这些选项，当然你可以通过扩展Vue构造器来创建预定义选项的组件构造器。

最后

小编说了这么多，那么，前端三大巨首，你更钟意哪一款呢？