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

尤雨溪宣布: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

vue 复制代码
<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,不需要修改任何现有代码:

bash 复制代码
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你最想用在哪个项目里?

相关推荐
李伟_Li慢慢1 小时前
05-mini版材质
前端·three.js
学以智用1 小时前
HTTP 请求头 Headers 完整详解
前端·后端
李伟_Li慢慢1 小时前
03-threejs架构原理浅析
前端·three.js
cidy_981 小时前
Codex、Hermes、Claude 使用共享知识库的对比
前端
牧艺1 小时前
浏览器 3D 交互实战:射线拾取、描边高亮与业务面板联动
前端·three.js·数据可视化
叉歪1 小时前
为 UnoCSS 扩展无限色阶与主题换色
前端·css
jiayong231 小时前
第 44 课:任务详情抽屉里的评论输入与操作记录联动
前端
ndsc_d1 小时前
前端实战复盘:用AI直接生成响应式官网落地页与React源码
前端·人工智能·react.js·ui·前端框架·aigc·paico
大家的林语冰2 小时前
✌️ Deno 2.9 来了,ESM 直接导入 CSS,甚至能开发桌面应用?!
前端·javascript·node.js