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的特性有了大致了解

  • 19
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

礼拜三 3

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值