Vue.js shallowRef()用法及代码示例

ref() 的浅版本。

类型

function shallowRef<T>(value: T): ShallowRef<T>

interface ShallowRef<T> {
  value: T
}

细节

与 ref() 不同，浅层 ref 的内部值按原样存储和公开，不会进行深度反应。只有.value 访问是被动的。

shallowRef() 通常用于大型数据结构的性能优化，或与外部状态管理系统的集成。

示例

const state = shallowRef({ count: 1 })

// does NOT trigger change
state.value.count = 2

// does trigger change
state.value = { count: 2 }

相关用法

注：本文由纯净天空筛选整理自vuejs.org大神的英文原创作品 shallowRef()。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。