跳到主要内容

Vue 3.3 - 3.5 新特性

Vue 3 进入稳定期之后，真正影响项目体验的变化，很多都集中在 3.3 到 3.5 这几版里。

这一段不是“重新发明 Vue”，而是在把 Vue 3 时代真正高频会碰到的能力补成熟。

Vue 3.3​

这版更像一次开发体验强化。

值得记的点​

  • defineOptions()
  • defineSlots()
  • 泛型组件支持增强
  • TS 类型推断继续补强

如果项目已经在大量使用 <script setup>，这版会明显让写法更顺。

Vue 3.4​

这版的感觉更像“打磨完成度”。

值得记的点​

  • defineModel() 稳定
  • 模板解析器重写
  • Hydration mismatch 报错增强
  • 性能和编译细节继续优化

defineModel() 这一点尤其实用。很多输入组件、筛选组件、表单容器会直接受益。

Vue 3.5​

这版是近两年最值得认真补的一版。

响应式系统优化​

  • 内部数据结构重构
  • 内存占用下降
  • 深层数组操作性能提升
  • computed 和依赖失效逻辑更稳

Reactive Props Destructure​

这件事很关键。很多早期经验会反复提醒“defineProps() 不能直接解构”。到 3.5，这条经验需要分版本重看。

useTemplateRef()​

模板引用的表达更直接，不需要再靠更隐式的手法去对应同名 ref。

useId()​

对 SSR、无障碍和稳定 ID 场景非常有用。

onWatcherCleanup()​

异步请求、定时器、取消逻辑这些副作用清理，终于有了更顺手的写法。

懒 Hydration 和 data-allow-mismatch​

这一批变化说明 Vue 正在更认真地打磨 SSR 和补水体验，而不只是“先把页面渲出来”。

这一段版本真正说明了什么​

Vue 3 现在已经不是“API 基本可用”的阶段，而是：

  • script setup 主线成熟
  • 宏能力成熟
  • TS 体验持续增强
  • SSR 和 Hydration 更稳
  • 响应式细节继续打磨

对于已经在跑 Vue 3 的项目，这些内容往往比“再背一遍 Vue 3 基础概念”更有现实价值。