Vue3.0API介绍中 readonly 使用示例
导读：Vue3.0API介绍中 readonly 使用示例 readonly 接受一个对象 (响应式或纯对象 或 ref 并返回原始对象的只读代理。只读代理是深层的：任何被访问的嵌套 property 也是只读的。 import {...
Vue3.0API介绍中 readonly 使用示例
readonly
接受一个对象 (响应式或纯对象) 或 ref 并返回原始对象的只读代理。只读代理是深层的：任何被访问的嵌套 property 也是只读的。
import {
watchEffect, reactive, readonly }
from "vue";
const original = reactive({
count: 0 }
);
const copy = readonly(original);
watchEffect(() =>
{
// 用于响应性追踪
console.log(copy.count);
}
);
// 变更 original 会触发依赖于副本的侦听器
original.count+=2;
// 变更副本将失败并导致警告
copy.count++;
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： Vue3.0API介绍中 readonly 使用示例
本文地址： https://pptw.com/jishu/655738.html