Vue 3.5 正式发布

9 月 3 日，Vue 3.5 正式发布，版本代号为 “天元突破红莲螺岩”。下面就来看看该该本都有哪些更新。

Vue 3.5 主要更新概括：

• 响应性系统优化：对 Vue 的响应性系统进行了重大重构，提高了性能和内存使用效率（内存使用减少了 56%），同时解决了 SSR 期间由挂起的计算属性导致的过时计算值和内存问题。
• 响应式 Props 解构：在 <script setup> 中，从 defineProps 调用中解构的变量现在默认是响应式的，这简化了声明具有默认值的 props 的过程。
• 服务端渲染（SSR）改进：
  • 延迟水合：异步组件可以通过 defineAsyncComponent 的 hydrate 选项控制何时进行水合。
  • useId()：用于生成在服务端和客户端渲染间保持稳定的唯一 ID，适用于表单元素和可访问性属性。
  • data-allow-mismatch：允许在客户端值与服务器端值不同的情况下，通过属性来抑制水合不匹配警告。
• 自定义元素改进：修复了与 defineCustomElement() API 相关的许多长期存在的问题，并增加了新功能，如通过 configureApp 选项支持应用配置，以及访问自定义元素的宿主元素和影子根。
• 其他值得注意的特性：
  • useTemplateRef()：提供了一种新的方式来获取模板引用。
  • 延迟 Teleport：通过 defer 属性，允许 <Teleport> 组件在当前渲染周期后挂载，解决了目标元素必须在 <Teleport> 组件挂载时存在的限制。
  • onWatcherCleanup()：引入了一个全局导入的 API，用于在 watch 中注册清理回调。

Vue 3.5 更新详情：点击这里