[ 登录 ] 
简体中文  English
站点名称
  • 首页
  • 关于我们
  • 新闻资讯
    • 行业动态
  • 产品展示
    • 商城
    • 教育系统
    • 家政系统
    • 其他产品
  • 客户案例
  • 人才招聘
  • 在线留言
  • 联系我们

    Vue 3.5 正式版发布,都有哪些变化?

    日期:2024-09-10 17:02:14  点击:186  属于:行业动态

    我们很兴奋地宣布 Vue 3.5 “天元突破红莲螺岩”版本发布!

    这个小版本不包含任何破坏性变更,同时包括了内部改进和实用的新功能。我们将在这篇博文中介绍一些亮点 - 如需完整的变更和新功能列表,请参阅 GitHub 上的完整更新日志。
    https://github.com/vuejs/core/blob/main/CHANGELOG.md

    响应式系统优化

    在 3.5 中,Vue 的响应式系统经历了又一次重大重构,实现了更好的性能和显著减少了内存占用(-56%),且没有行为变化。这次重构还解决了 SSR 过程中由于悬挂的计算属性导致的过时计算值和内存问题。

    此外,3.5 还优化了对大型、深度响应式数组的响应式追踪,在某些情况下使此类操作的速度提高了多达 10 倍。

    响应式 Props 解构

    响应式 Props 解构在 3.5 中已经稳定。该功能现在默认启用,在 

    data-allow-mismatch

    在客户端值不可避免地与其服务器端对应值不同的情况下(例如日期),我们现在可以使用 data-allow-mismatch 属性来抑制由此产生的水合不匹配警告:

    {{ data.toLocaleString() }}

    您还可以通过为该属性提供一个值来限制允许哪些类型的不匹配,可能的值包括 text、children、class、style 和 attribute。

    自定义元素改进

    3.5 修复了许多与 defineCustomElement() API 相关的长期存在的问题,并为使用 Vue 创建自定义元素添加了一些新功能:

    • 通过 configureApp 选项支持自定义元素的应用配置。

    • 添加 useHost()、useShadowRoot() 和 this.$host API,用于访问自定义元素的宿主元素和影子根。

    • 通过传递 shadowRoot: false 支持挂载不带影子 DOM 的自定义元素。

    • 支持提供 nonce 选项,该选项将附加到自定义元素注入的