尤雨溪关于VUE3.0进展的重磅分享

2019 年 6 月 8 日来自全球各地的开发者齐聚上海交通大学文治堂 ， VueC onf 2019 在上海成功举办。

VUE 3.0  最新进展

使用 Object.defineProperty -> Proxy    速度 提升了 1 倍

VUE3.0  将 Virtual DOM 重构   速度 提升 6   倍

牛逼吧 ！！！

是如何做到的呢？

答案：尤大神说我们还可以做的更好，于是性能就提升了6倍

呸 ！！！ 我信你个鬼 你的糟老头子坏的很

我就知道你不信，所以，copy 了几个ppt的页面来圆一下

首先 说下 传统的Virtual DOM 的缺点

以上是  传统的Virtual DOM 进行 domdiff  的操作

可以看到 这里面只有 那个蓝色的 message 是可变的，其他的都是写死的，但是

传统的 Virtual DOM 进行 domdiff  的操作，还是全部比较了一遍。造成性能的浪费

以上是 VUE3.0 重构  Virtual DOM 进行 的domdiff 操作

可以看到 这里只检查了 动态节点

正是，这样的 骚操作 让 VUE 性能提升 6 倍！！！

还有个 很牛逼的 形容词 ：

动静结合

Function-based API

国际惯例重要的事情 说三遍！！！！！

没有Class API   没有Class API 没有Class API 

什么你问 为什么 没有Class API ？

简单明了，TS 相比 类 对 函数更友好，类型推导 更完善，组合优于继承

话说回来 不用 Class API 用啥！！！！！

Function-based API

哦哦哦哦，下面该吹（说）优点了吧

看第一条 我说的没错吧

同时还对比了 React 的 Hooks 和 高阶组件的优缺点

就这样没图了？ 不过瘾？（你是不是 偷工减料啊）

不敢不敢 此部分略为高深

so 

准备了 尤大神的演讲视频

VUE3.0 的最新进展视频

尤雨溪演讲视频

蒋豪群 演讲视频

看明白的了吗？

VUE 是真的:fire:，6倍速度VUE，让你想一下

你说没看爽啊，还有。。。（伸手党），莫慌  

珠峰架构是2018 · VUECONF大会官方赞助商

为庆祝大会顺利召开，珠峰架构放出价值2888元VUE的全套视频+前端高级架构视频，供大家学习。

扫描二维码加 闪闪 好友 领取 哦

《珠峰前端高级架构课》得到了廖雪峰和阮一峰，一致认可。

珠峰架构金牌讲师  姜文老师 亲自录制

除了以上这些

墙裂推荐 超火的 前端学习神器

前端荣耀

贴心的我再给你配上 配套的介绍 和 使用说明

前端神器的介绍 ：点击进入

前端神器使用说明 : 点击进入