Vue3.0 API中如何使用readonly

本文主要介绍"Vue3.0 API中怎么使用readonly"，希望能够解决您遇到有关问题，下面我们一起来看这篇 "Vue3.0 API中怎么使用readonly" 文章。

readonly

接受一个对象 (响应式或纯对象) 或 ref 并返回原始对象的只读代理。只读代理是深层的：任何被访问的嵌套 property 也是只读的。

<script setup>

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++;

</script>

关于 "Vue3.0 API中怎么使用readonly" 就介绍到这。希望大家多多支持编程宝库。

Vue3.0 API中怎么使用shallowReactive：本文主要介绍"Vue3.0 API中如何使用shallowReactive"，希望能够解决您遇到有关问题，下面我们一起来看这篇 "Vue3.0 API中如何使用shallowRe ...