Vue.js简介

Web前端学习

CSS练习之自动打字机
Vue.js简介

---

---

前言

知识点

• Vue.js 简介
• Vue.js 发展历程
• Vue 1
• Vue 2
• Vue 3

---

一、简介

Vue（读音 /vjuː/，类似于 view）是一套用于构建用户界面的 “渐进式框架”。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与 现代化的工具链 以及各种 支持类库 结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

Vue.js 官方文档

Vue.js Github 地址

二、发展历程

• 2013.12，更名为 Vue，版本号是 0.6.0。
• 2014 年 Taylor otwell（一个非常热门的 php 框架 laravel 的作者）第一次在 Twinter 上发表了关于 Vue.js 的推文，内容大概是学习 React 很难，现在我正在学习 Vue.js，因为这看起来比较简单。也就是这条推文，让 Vue.js 这个框架得到了认可，所有 laravel 用户觉得：“wow，Taylor is liking Vue.js ，it must be a good tool，we should try it” 于是就开始有了很多从 laravel 社区来的用户。
• 2014.01.24，Vue 正式对外发布，版本号是 0.8.0。
• 2014.02.25，0.9.0 版本发布，至此 Vue.js 有了自己的代号（Animatrix），此后，重要的版本都会有自己的代号。
• 2015.06.13，0.12.0 版本发布，代号 Dragon Ball，Laravel 社区（一款流行的 PHP 框架的社区）首次使用 Vue，Vue 在 JS 社区也打响了知名度。
• 2015.10.26，1.0.0 版本正式发布，这也是 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 版本。
• 2020.09.18，Vue 3.0.0（One Piece）版本正式发布，这又是 Vue 的一个里程碑。更快、类型更友好、更小、更好的警告信息、更好的 API 特性等等。

三、Vue1、2、3的区别

Vue1

Vue 从一个视图层库发展为一个渐进式框架。

主要改进：

1. 针对 v-bind 和 v-on 提供缩写形式 :xxx 与 @。
2. 清理精简所提供的接口。
3. 提高初始化的渲染效率。
4. 两个官方工具的增强：vue-loader 与 vueify。

Vue2

Vue 源码大幅度的重构，添加了虚拟 Dom，使性能有了很大的提高，也为日后的跨端发展（Weex）打下了基础。

主要改进：

1. 借鉴了 React 的 Virtual DOM 概念，通过 fork 自 snabbdom 的轻量 Virtual DOM 框架，实现了对渲染层的重写，大大提升了框架的性能。
2. 增加了服务端渲染功能。

Vue3

Vue 3 正式版本发布于 2020 年 9 月 18 日，Vue 3 可以说是从 0 开始编写的，更加清晰和更易维护的架构，主要进行了性能的改进，更小的资源包、更好的类型支持（TypeScript）、提供了一大批新的 API，为框架的长期迭代奠定了基础。

Vue 3 跟 Vue 2 相比具有以下特点：

1. 更快：初始渲染，更新速度提速一倍。
2. 类型更友好：完美拥抱 TypeScript。
3. 更小：Tree-shaking 友好。
4. 更好的警告信息。
5. 更好的 API 特性等等。

---

总结

简单了解了Vue的简介以及发展历程，对Vue1、2、3的特性有了大致了解