当前位置: 首页>>编程示例 >>用法及示例精选 >>正文

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

接受一个对象(反应式或普通)或 ref 并将只读代理返回到原始代理。

类型 

function readonly<T extends object>(
  target: T
): DeepReadonly<UnwrapNestedRefs<T>>

细节

只读代理很深：访问的任何嵌套属性也将是只读的。它还具有与 reactive() 相同的 ref-unwrapping 行为，除了展开的值也将设为只读。

为避免深度转换，请改用shallowReadonly()。

示例 

const original = reactive({ count: 0 })

const copy = readonly(original)

watchEffect(() => {
  // works for reactivity tracking
  console.log(copy.count)
})

// mutating original will trigger watchers relying on the copy
original.count++

// mutating the copy will fail and result in a warning
copy.count++ // warning!

相关用法


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