跳到主要内容

Vue 3 版本演进

Vue 3 不是一次性完成的版本切换，而是一条持续往前推的路线。

3.0 把底座换掉，3.2 把 <script setup> 推成主流写法，3.3 到 3.5 则开始把类型体验、宏能力、SSR 和响应式细节补到更顺手的状态。现在再看 Vue 3，关注点已经不只是“有没有 Composition API”，而是“这一套工程体验到底成熟到哪一步了”。

Vue 2.7​

Vue 2.7 常被当成 Vue 2 的收尾版。

这一版的重要性不在于功能爆发，而在于它把一部分 Vue 3 时代的能力提前带回了 Vue 2 生态，比如对 Composition API 风格和更现代构建链路的过渡支持。很多团队的升级路径，并不是 2.x -> 3.x 一步到位，而是先落在 2.7，把工程和写法慢慢调整过来。

Vue 3.0​

Vue 3.0 是真正意义上的底层重构。

这一版最关键的变化有 4 个：

  • Composition API 成为官方主线之一
  • 响应式系统从 Object.defineProperty 换成 Proxy
  • 编译器和运行时整体重写
  • 新内置能力补齐：Fragment、Teleport、Suspense

很多关于 Vue 3 的印象，其实都来自这一版：更灵活的逻辑复用、更好的 TypeScript 体验、更明确的性能优化方向。

Vue 3.2​

Vue 3.2 是 Vue 3 真正进入“项目默认写法”阶段的一版。

这一版最重要的是：

  • <script setup> 稳定下来
  • Composition API 的开发体验明显更顺
  • 单文件组件的表达力大幅增强

很多项目从这时开始，不再把 Composition API 当“可以选的另一套风格”，而是直接把它当默认方案。

Vue 3.3​

Vue 3.3 更像一轮很有分量的 DX 更新。

这一版特别值得记住的点：

  • defineOptions()
  • defineSlots()
  • 泛型组件支持增强
  • 更强的 TS 类型推断
  • 一批和宏能力相关的细节完善

如果说早期 Vue 3 的问题是“功能已经够了，但写起来还不够顺”，那 3.3 开始在认真补这个缺口。

Vue 3.4​

Vue 3.4 的关键词是“打磨”。

这一版很值得关注的点有：

  • defineModel() 稳定，双向绑定的写法更统一
  • 模板解析器重写，模板编译和错误提示更强
  • Hydration mismatch 报错更明确
  • 响应式和编译层的性能继续往前推

这一版的价值不一定体现在“新增了多少 API”，更多体现在日常开发的顺手程度上。

Vue 3.5​

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

这一版把很多“已经能用，但总觉得还差一点”的地方补得很扎实：

  • 响应式系统内部重构，内存占用和深层数组场景的性能更好
  • Reactive Props Destructure 成为正式能力
  • useTemplateRef()
  • useId()
  • onWatcherCleanup()
  • 懒 Hydration
  • data-allow-mismatch
  • Teleport defer

如果项目已经稳定跑在 Vue 3 上，3.5 这批内容往往比“再背一遍 Composition API 基础”更值得投入时间。

现在看 Vue 3，主线应该怎么抓​

更实用的抓法不是背版本号，而是按“真正影响项目写法的变化”来记：

  • 3.0：底层换代
  • 3.2：<script setup> 进入主流
  • 3.3：宏能力和 TS 体验补强
  • 3.4：模板、defineModel、Hydration 提示打磨
  • 3.5：响应式、SSR、Hydration 和开发细节继续成熟

适合继续往下看的专题​

  • script setup 与宏能力
  • 响应式系统深入理解
  • SSR 与 Hydration
  • Vue Vapor