尤雨溪：Vue未来性能将大幅提升！Vite 打包效率上升100%！

模拟面试、简历指导、入职指导、项目指导、答疑解惑可私信找我~已帮助100+名同学完成改造！

前言

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

在 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！加油，未来，我们一起前行！

结语

我是林三心

一个待过小型toG型外包公司、大型外包公司、小公司、潜力型创业公司、大公司的作死型前端选手；
一个偏前端的全干工程师；
一个不正经的掘金作者；
逗比的B站up主；
不帅的小红书博主；
喜欢打铁的篮球菜鸟；
喜欢历史的乏味少年；
喜欢rap的五音不全弱鸡如果你想一起学习前端，一起摸鱼，一起研究简历优化，一起研究面试进步，一起交流历史音乐篮球rap，可以来俺的摸鱼学习群哈哈，点这个，有7000多名前端小伙伴在等着一起学习哦 -->

广州的兄弟可以约饭哦，或者约球~我负责打铁，你负责进球，谢谢~