千家信息网

Vue3.0 API中如何使用markRaw

发表于:2024-11-18 作者:千家信息网编辑
千家信息网最后更新 2024年11月18日,这篇文章主要介绍"Vue3.0 API中如何使用markRaw"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"Vue3.0 API中如何使用markRaw"文章
千家信息网最后更新 2024年11月18日Vue3.0 API中如何使用markRaw

这篇文章主要介绍"Vue3.0 API中如何使用markRaw"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"Vue3.0 API中如何使用markRaw"文章能帮助大家解决问题。

markRaw

标记一个对象,使其永远不会转换为 proxy。返回对象本身。

重要

markRaw 和下方的 shallowXXX API 使你可以有选择地退出默认的深度响应式/只读转换模式,并将原始的,未被代理的对象嵌入状态图中。它们可以根据情况灵活运用:

有些值不应该是响应式的,例如复杂的第三方类实例或 Vue 组件对象。

当渲染具有不可变数据源的大列表时,跳过 proxy 转换可以提高性能。

这些例子是进阶的运用,因为原始选择退出仅在根级别,因此,如果将嵌套在内的、未标记的原始对象添加进响应式对象,然后再次访问该响应式对象,就会得到原始对象被代理后的版本。这可能会导致同一性风险——即执行一个依赖于对象本身的操作,但同时使用同一对象的原始版本和被代理后的版本:

同一性风险通常很少见。然而,为了正确地使用这些 API,同时安全地避免同一性风险,就需要对响应性系统的工作原理有一个充分的理解。

关于"Vue3.0 API中如何使用markRaw"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注行业资讯频道,小编每天都会为大家更新不同的知识点。

0