基本介绍

Vue 是一套用于构建用户界面的 渐进式框架 。

与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。

最初它不过是个人项目，时至今日，已成为全世界三大前端框架之一，github 上拥有 15 万 Star 领先于 React 和 Angular，在国内更是首选。

它的设计思想、编码技巧也被众多的框架借鉴、模仿。

重要版本发布

• 2013年，在 Google 工作的尤雨溪，受到 Angular 的启发，开发出了一款轻量框架，最初命名为 Seed 。

• 2013年12月，更名为 Vue，图标颜色是代表勃勃生机的绿色，版本号是 0.6.0。

• 2014.01.24，Vue 正式对外发布，版本号是 0.8.0。

• 2014.02.25，0.9.0 发布，有了自己的代号：Animatrix，此后，重要的版本都会有自己的代号。

• 2015.06.13，0.12.0，代号Dragon Ball，Laravel 社区（一款流行的 PHP 框架的社区）首次使用 Vue，Vue 在 JS 社区也打响了知名度。

• 2015.10.26，1.0.0 Evangelion 是 Vue 历史上的第一个里程碑。同年，vue-router、vuex、vue-cli 相继发布，标志着 Vue从一个视图层库发展为一个渐进式框架。

• 2016.10.01，2.0.0 是第二个重要的里程碑，它吸收了 React 的虚拟 Dom 方案，还支持服务端渲染。自从Vue 2.0 发布之后，Vue 就成了前端领域的热门话题。

• 2019.02.05，Vue 发布了 2.6.0 ，这是一个承前启后的版本，在它之后，将推出 3.0.0。

• 2019.12.05，在万众期待中，尤雨溪公布了 Vue 3 源代码，目前 Vue 3 处于 Alpha 版本。

Vue 1.0

Vue最初的目标是成为大型项目的一个良好补充。

设计思想是一种“渐进式框架”，淡化框架本身的主张，降低框架作为工具的复杂度，从而降低对使用者的要求。

主要改进

1. 提供指令的缩写
   针对v-bind和v-on提供缩写形式：

  <!-- v-bind -->
  <div v-bind:class="box">全写</div>
  <div :class="box">缩写</div>
  <!-- v-on -->
  <button v-on:click="btn">全写</button>
  <button @click="btn">缩写</button>

2. 清理精简所提供的接口

3. 提高初始化的渲染效率
   将v-repeat指令换成了v-for指令。同时优化了这个指令的渲染，效率提升了一倍。

4. 两个官方工具的增强：vue-loader和vueify

Vue 2.0

2.0版本对Vue做了大幅度的重构，性能有了很大的提高，也为日后的跨端发展打下了基础。

新的改进

性能

2.0 用一个 fork 自 snabbdom 的轻量 Virtual DOM 实现对渲染层进行了重写。

在其上层，Vue 的模板编译器能够在编译时做一些智能的优化处理，例如分析并提炼出静态子树以避免界面重绘时不必要的比对。

新的渲染层带来了巨大的性能提升，也让 Vue 2.0 成为了最快速的框架之一。

服务端渲染

Vue 2.0 支持服务端渲染 (SSR)，并且是流式的，可以做组件级的缓存，这使得极速渲染成为可能。

Vue 3.0

3.0 是非常大的重构，源码使用 TypeScript 重写，目前的代码 98% 以上使用 TypeScript 编写。

根据 Vue 官方时间表，要等到今年第一季度才有可能发布 3.0 正式版。