Web前端学习
前言
知识点
- Vue.js 简介
- Vue.js 发展历程
- Vue 1
- Vue 2
- Vue 3
一、简介
Vue(读音 /vjuː/,类似于 view)是一套用于构建用户界面的 “渐进式框架”。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与 现代化的工具链 以及各种 支持类库 结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
二、发展历程
- 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 从一个视图层库发展为一个渐进式框架。
主要改进:
- 针对 v-bind 和 v-on 提供缩写形式 :xxx 与 @。
- 清理精简所提供的接口。
- 提高初始化的渲染效率。
- 两个官方工具的增强:vue-loader 与 vueify。
Vue2
Vue 源码大幅度的重构,添加了虚拟 Dom,使性能有了很大的提高,也为日后的跨端发展(Weex)打下了基础。
主要改进:
- 借鉴了 React 的 Virtual DOM 概念,通过 fork 自 snabbdom 的轻量 Virtual DOM 框架,实现了对渲染层的重写,大大提升了框架的性能。
- 增加了服务端渲染功能。
Vue3
Vue 3 正式版本发布于 2020 年 9 月 18 日,Vue 3 可以说是从 0 开始编写的,更加清晰和更易维护的架构,主要进行了性能的改进,更小的资源包、更好的类型支持(TypeScript)、提供了一大批新的 API,为框架的长期迭代奠定了基础。
Vue 3 跟 Vue 2 相比具有以下特点:
- 更快:初始渲染,更新速度提速一倍。
- 类型更友好:完美拥抱 TypeScript。
- 更小:Tree-shaking 友好。
- 更好的警告信息。
- 更好的 API 特性等等。
总结
简单了解了Vue的简介以及发展历程,对Vue1、2、3的特性有了大致了解