众所周知,前端的技术一直更新的特别快,特别是框架这块。4月21号晚,Vue作者尤雨溪在B站直播分享了 Vue.js 3.0 Beta 最新进展,想必大家都有去观摩吧?那我们今天一起来回顾下尤大大的分享:
关于Performance
当我们项目功能越来越多、模块规模一步步扩大,这个时候性能考量是非常重要的,那么 Vue.js 3.0 Beta 在性能上给我们带来了哪些惊喜呢?
重写了虚拟Dom实现(且保证了兼容性,脱离模版的渲染需求旺盛)
编译模板的优化
更高效的组件初始化
undate性能提高1.3~2倍
SSR速度提高了2~3倍
文字还不足以触动你?不要急,来看性能对比的图解:
关于Tree shaking support
可以将无用模块“剪辑”,仅打包需要的(比如v-model,<transition>,用不到就不会打包);
一个简单的 HelloWorld大小仅为:13.5kb
11.75kb,仅 Composition API;
包含运行时完整功能:22.5kb
拥有更多的功能,然而比Vue 2更迷你;
很多时候,我们不需要 vue 提供的某些功能,在vue 2 我们没得选,没法排除掉这些没用的功能,但是 Vue 3.0都可能做成了按需引入。
关于Composition API
最近 Reac t的 Hooks 传的沸沸扬扬,不要急,现在 Vue 也出了,与其相似,只是实现方式不同:
可与现有的Options API一起使用;
灵活的逻辑组合与复用;
Vue 3.0的响应模块可以和其他框架搭配使用;
混入(mixin)将不再作为推荐使用,Composition API可以实现更灵活且无副作用的复用代码。
更好的TypeScript支持
Vue 3是用 TypeScript 编写的库(可能很多同学没想到吧),可以享受到自动的类型定义提示;
JavaScript 和 TypeScript 中的API相同(代码也基本相同);
支持TSX;
class 组件还会继续支持,但是需要引入 vue-class-component@next,该模块目前还在alpha阶段。
重点来啦!还有一个喜讯——目前 Vue 3.0 + TypeScript 插件正在开发,有类型检查、自动补全等等,进展迅速。
剩余未完成的工作还有 Router、Vuex、CLI 等等,预计年终会完成,尤大大实在是未来可期!
在公司里面看到的一个情况:很多同学 Vue 2都还没玩熟。大家得加把油了啊!等到3.0正式推出时,你才能搭建它,作为前端工作者,你需要的是迎合新的技术,为你的工作产生更多价值。可能有些人明白这个道理,但还是会一头雾水,那把前端技术缕清的最好方式是什么呢?
——当然是好好学习,在这里,给大家整理了一份前端工程师学习成长思维导图,希望能帮助到同学们系统地去学习并掌握前端知识。
扫码领取
前端工程师学习成长思维导图
当然有这些还不够,大家该如何第一时间掌握 vue3.0呢?这里我推荐一个免费的学习平台——网易云课堂,每周这边都会有多场直播公开课,网易的前端专家们会分享 vue 2.x以及 Vue3.0 的干货知识和其它先进技术(前端学习技巧、源码、语法、架构),还可以拿到各种前端干货资料,欢迎大家去学习!
5.19-5.22前端限时0元课程
一、项目:《前端进阶必备—在vue项目中如何进行ssr》
ssr是什么?
ssr的原理是什么?
改造你的vue项目进行ssr
二、技能:《你真的懂js吗?带你解析js两个重要底层》
JavaScript代码的执行顺序
JavaScript的内存机制
JavaScript的性能监控
三、项目:《学习这节课,开启vue3.0来写你的项目》
vue3改变概览
如何开始一个vue3项目
vue相关的其他全家桶
深入浅出的干货课程,没有套路,更多课程扫码添加网易云课堂前端助教,就可以0元获得!
扫码领取
前端工程师学习成长思维导图
更有前端进阶资料包免费赠送