在 Vue 3 中，shallowReadonly 和 readonly 都是用于创建只读响应式对象的 API。这两者的主要区别在于它们的“深度”处理方式 readonly 创建一个深层次的只读响应式对象，所有嵌套的属性都会变成只读的，且会被递归地转换为只读响应式对象。这意味着你不能直接修改这个对象或它的任何嵌套属性的值，如果尝试修改会在开发环境下抛出警告。 import { reac

readonly与shallowReadonly readonly与shallowReadonly1. readonly：让一个响应式数据变为只读的（深只读）2. shallowReadonly：让一个响应式数据变为只读的（浅只读）3. 应用场景：不希望数据被修改时具体案例代码如下：<template><div>{{ sum }}</div><button @click="sum++">

readonly 让一个响应式数据变为 **深层次的只读数据**。 shallowReadonly 让一个响应式数据变为 **浅层次的只读数据**，只读第一层。 isReadonly 判断一个数据是不是只读数据。 应用场景：不希望数据被修改时使用。 readonly深层次只读： <template><h1>reactive数据</h1><p>姓名：{{ info.name }}</p><

文章目录 三、其它 Composition API(不常用，了解即可)2.readonly 与 shallowReadonly测试案例完整代码 本人其他相关文章链接 三、其它 Composition API(不常用，了解即可) 2.readonly 与 shallowReadonly 注意点1： 如果使用readonly包裹的person对象的所有属性数据都只读不可需改，