尤雨溪宣布:Vue 3.6 发布、Vue 4.0 启动、Vite 8 已落地

0 阅读6分钟

尤雨溪宣布:Vue 3.6 发布、Vue 4.0 启动、Vite 8 已落地

2026年7月18日,上海Vue&ViteConf 2026,尤雨溪一口气宣布了三件事:Vue 3.6正式发布、Vue 4.0启动、Vite 8已全面落地。这一天,Vue生态同时揭开了三个时代——性能时代、AI时代、分层渲染时代。

一、Vue 3.6:正式发布,性能换芯

2026年7月18日,上海Vue&ViteConf 2026。尤雨溪走上讲台,宣布了第一个消息:Vue 3.6正式发布

这一天,距离2026年2月6日发布第一个beta版本,过去了整整五个多月。Vue团队花了五个多月打磨beta,累计发布了17个beta版本,最终交出了一份让全场沸腾的答卷。

1.1 Vapor Mode:虚拟DOM成为可选项

Vapor Mode是Vue 3.6最核心的变化。它让开发者可以在<script setup>上加一个vapor属性,组件就会跳过虚拟DOM,直接操作真实DOM

<script setup vapor>
import { ref } from 'vue'
const count = ref(0)
</script>

<template>
  <button @click="count++">点击了 {{ count }} 次</button>
</template>

启用Vapor Mode后,渲染速度提升最高达97%,包体积缩小20-50%,首次加载JS体积减少约三分之二100ms内即可挂载10万个组件——Vue与SolidJS站在了同一个性能梯队。

Vapor Mode采用per-component设计,可以按组件选择——Vapor组件可以和虚拟DOM组件在同一个组件树中自由共存,通过vaporInteropPlugin插件实现无缝互操作。

1.2 alien-signals:响应式引擎更换

alien-signals是Vue 3.6的另一大核心变化。这个压缩后只有1KB的库,被直接移植回了Vue 3.6的核心代码库。

alien-signals采用了Push-Pull混合算法:当响应式状态发生变化时,信号沿着依赖图向下“推送”变更信息,将依赖此状态的计算属性标记为“脏”;当计算属性或视图实际需要读取更新后的值时,才按需向上“拉取”并重新计算结果。

大多数情况下,一个状态变化并不会导致所有依赖它的计算属性都被读取。Push-Pull算法避免了“先全部重算再判断是否需要”的低效路径,只在真正需要时才执行重算。

根据benchmark数据:Vue 3.6相比3.4快约4倍,相比3.5快约1.8倍,computed吞吐量高出30倍以上,内存占用降低65%。在真实基准测试中,包含10,000个组件的复杂列表,alien-signals驱动的应用帧率稳定性远超Vue 3.5。

Vue 3.6,同时换掉了渲染引擎和响应式引擎。

1.3 与React 19的对比

2026年,React 19和Vue 3.6都完成了重大架构升级。React 19走的是“服务端组件+自动编译优化”的路线——通过RSC、Actions API和React Compiler,将原本需手动处理的状态管理、表单逻辑和渲染优化交由框架自动完成。

Vue 3.6走的是“响应式底层重构+编译时渲染优化”的路线——通过alien-signals重构响应式引擎,通过Vapor Mode跳过虚拟DOM。

两条路完全不同,但目标一致:减少开发者心智负担,提升应用性能上限

1.4 升级成本:几乎为零

Vue 3.6没有破坏性变更。从Vue 3.5升级到3.6,不需要修改任何现有代码:

npm install vue@latest

一次npm install,免费获得4倍性能提升。

二、尤雨溪宣布:Vue 4.0启动

比Vue 3.6发布更震撼的,是尤雨溪宣布的第二个消息:Vue 4.0正式启动

2.1 为什么要有Vue 4.0?

尤雨溪明确指出,Vue 4.0的核心目标是将Vapor Mode稳定化并扩大支持范围,探索编译时响应式与WebAssembly实验性支持,提供更完整的跨版本迁移工具

2.2 迁移成本会极低

Evan You在很多场合反复强调:“Vue 4迁移成本会控制在极低”。之所以能做到,是因为Vue 3在设计之初就为渐进式升级做好了铺垫。

2.3 时间线推测

根据目前释放的信号,Vue 4.0预计在2026年下半年进入Beta阶段(当前规划Q3左右),有望在年底前推出RC版本

三、Vite 8:已全面落地

3.1 从双引擎到单引擎

Vite 8最核心的变化是:用Rolldown统一取代了此前开发环境用的esbuild和生产环境用的Rollup

Rolldown是基于Rust的高性能JavaScript打包工具,比Rollup快10-30倍。Vite 8保持完整的插件兼容性。

3.2 真实项目数据

  • Linear:46秒 → 6秒(↓87%)
  • Ramp:构建时间减少57%
  • Beehiiv:构建时间减少64%
  • 某开发者:4分钟 → 30秒(8倍)
  • 某百万行项目:12分钟 → 2分钟(6倍)

3.3 Vite+:下一步

尤雨溪在演讲中还提到了Vite+——一个以Rust实现的端到端前端工具链。Vite+将编译器、打包器、服务器、部署工具链全部用Rust原生重写,目标是让前端开发从创建项目到部署上线,全程保持在毫秒级响应

四、把三件事放在一起看

趋势一:前端正在进入“编译时+运行时”双引擎时代

Vapor Mode是编译时优化,alien-signals是运行时优化,Vite 8+Rollup是构建时优化。Vue正在把“慢”的部分下沉到基础设施层,把“快”留给开发者体验层。

趋势二:前端正在从“给人用”走向“给AI用”

Vue 3.6的Vapor Mode让AI生成的代码跑得更快、更轻。Vite 8让AI构建项目的速度提升10-30倍。Vue 4.0的Vapor Mode稳定化,将为AI Agent提供更高效的组件渲染引擎。

Vue 3.6的Vapor Mode和alien-signals,正在把Vue变成一台对AI Agent极其友好的“性能机器”。

趋势三:前端框架正在经历“底层换芯”

从TypeScript 7.0用Go重写,到Astro 7用Rust重写编译器,再到Vite 8用Rust的Rolldown取代Go的esbuild+rollup——前端工具链正在从“JavaScript写工具”全面转向“Rust写工具”。 Vue 3.6的alien-signals正是这一趋势在响应式层面的体现。

写在最后

2026年7月18日,上海Vue&ViteConf 2026,尤雨溪用一天时间宣布了三件事:

Vue 3.6正式发布——Vapor Mode让虚拟DOM成为可选项,alien-signals让响应式系统快4倍。

Vue 4.0启动——下一个大版本已经开始。

Vite 8已全面落地——Rolldown让构建速度提升10-30倍。

这三件事合在一起,传递了一个清晰的信号:Vue正在从一个“渐进式框架”进化成一个“性能机器+AI友好平台”。

Vue 3.6,不是一次普通的版本更新。它是Vue生态从“给人类开发者用”走向“给AI和人类一起用”的分水岭。

Vue 3.6已经可以用了。Vue 4.0正在路上了。而你,准备好了吗?

评论区聊聊:你准备什么时候升级Vue 3.6?Vapor Mode你最想用在哪个项目里?