本教程操作环境: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是什么时候出来的的详细内容,更多请关注亿码酷站其它相关文章!
vuejs是什么时候出来的
—–文章转载自PHP中文网如有侵权请联系ymkuzhan@126.com删除
本文永久链接地址:https://www.ymkuzhan.com/39967.html