尤雨溪:Vue未来性能将大幅提升!Vite 打包效率上升100%!
创始人
2025-07-14 02:10:42
0

前言

大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心~

在 2024 年 2 月 28 号 - 2024 年 2 月 29 号,Vue 召开了 VueJS Amsterdam 2024

大佬尤雨溪进行了开场主旨演讲,并回顾了 Vue 十年来的历程,从一个视图层工具,逐成为了一个非常出色的、拥有强大生态的前端框架

图片图片

图片图片

回顾 Vue 3.4

首先回顾了一下再 2023 年末发布的 Vue3.4,主要列举了:

  • 重写了模板编译器,性能提升明显
  • watchEffect 响应式效率的提升
  • defineModel 从实验性转为正式API
  • 简化了 v-model 和 v-bind 的写法

图片图片

展望 Vue3.5

接着是对于 Vue3.5 的展望,其实也算是透露了未来 Vue3.5 即将包含的新特性,主要就是对于框架底层的优化

第一个优化就是响应式的优化。主要是在调度任务重使用位运算标记优化 queueJob 任务队列,带来的效果非常明显:内存使用率得到了 56% 的提升。其实这个优化早在 无虚拟DOM版本Vue——Vapor 中就实行了,现在应该是发现效果不错,所以把这项优化移植到主版本 Vue 中

第二个优化就是 @vue/reactivity 暴露出一个 readArray 方法,它是一个面向性能的高级响应式函数,它返回原始数组并对其进行完整跟踪,并可以用入参指示是否深度跟踪响应式数组。这个方法在面对大数组的时候,甚至能得到十倍性能的提升

在 SSR 服务器渲染方面,也优化了 Suspend 等特性

图片图片

Vapor

Vapor 是 无虚拟DOM版本Vue,目前还在实验性阶段,但是这个项目目前在逐步完善,已经可以在 playground 中运行 TodoMVC 程序

我之前也写过一篇文章专门介绍 Vapor,感兴趣的可以去这里看看:

图片图片

Vite 打包性能提升

Vite 的最新版本将引入一种名为 Rolldown 的新型打包工具,这是基于 Rust 的 Rollup 兼容 API 的重新实现。这项工具经过长时间开发,支持了包括树摇(tree shaking)在内的功能,能够提供比 ESbuild 更快两倍的编译效率。一旦 Rolldown 能够完全取代 Rollup 和 ESbuild,开发者在使用 Vite 进行开发和生产构建时,将能够体验到显著的性能提升,无需手动切换

Rolldown 的底层驱动来自一个名为 Oxc 的工具,它是一个用 Rust 语言编写的高效 JavaScript 解析器,该体系还包括了 TypeScript 转译等功能。一旦这套工具组合完善,将能够在构建 Vue 项目时,将 Babel、ESbuild、Rollup、Tercer 等工具整合为一体,使得开发流程更加统一、高效,同时也更易于理解

图片图片

Vue!!!yyds!!!

Vue 走过十年了!感谢 Vue!加油,未来,我们一起前行!

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
Windows恶意软件20年“... 在Windows的早期年代,病毒游走于系统之间,偶尔删除文件(但被删除的文件几乎都是可恢复的),并弹...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
着眼MAC地址,解救无法享受D... 在安装了DHCP服务器的局域网环境中,每一台工作站在上网之前,都要先从DHCP服务器那里享受到地址动...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...