vuejs是2013年受到Angular的启发,开发出来的一款轻量框架,最初命名为Seed;2013年12月更名为vue,图标颜色是代表勃勃生机的绿色,版本号是“0.6.0”。2014年1月24日,vue正式对外发布,版本号是“0.8.0”。

本教程操作环境:windows7系统、vue2.9.6版,DELL G3电脑。

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

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

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

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

重要版本发布

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

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

  • 2014年1月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 源代码。

  • 2020年09月18日,Vue.js 3.0 正式发布。

Vue 1.0

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

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

主要改进

  • 提供指令的缩写
    针对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>
  • 清理精简所提供的接口

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

  • 两个官方工具的增强: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 编写。

2020年09月18日,Vue.js 3.0 正式发布。本次发布框架本身带来了几个大点的改进,以及功能和历程的一些总结!

  • 3.0版本代表了2年多的开发工作

  • 具有30多个RFC

  • 2600多个提交

  • 来自99个贡献者

  • 628个拉取请求

  • 大量开发和文档工作

性能方面的优化

  • 路由懒加载

  • keep-alive缓存页面

  • 使用v-show复用DOM

  • v-for 遍历避免同时使用 v-if

  • 长列表性能优化

  • 事件的销毁

  • 图片懒加载

  • 第三方插件按需引入

  • 无状态的组件标记为函数式组件

  • 子组件分割

  • 变量本地化

  • SSR

更好的TypeScript集成

  • 改进的TypeScript支持,编辑器能提供强有力的类型检查和错误及警告

  • 更好的调试支持

相关推荐:《vue.js教程》

以上就是vuejs是什么时候出来的的详细内容,转载自php中文网

点赞(836) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部