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

2024-03-08码农

模拟面试、简历指导、入职指导、项目指导、答疑解惑 可私信找我~已帮助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 等工具整合为一体，使得开发流程更加统一、高效，同时也更易于理解