VUE3——readonly与shallowReadonly

1. readonly 用于创建一个ref或者reactive定义的响应式数据的深只读副本。

0.1 用法：

const sum = reactive(0);
const readOnlyCopy = readonly(sum);
readOnlyCopy ++
console.log(readOnlyCopy);  // 输出 0

0.2 特点：
· 对象的所有嵌套属性都将变为只读；
· 任何尝试修改这个对象的操作都会被阻止，（在开发模式下，还会在控制台发出警告）。
0.3 应用场景：
· 创建不可变的快照
· 保护全局状态配置不被修改

2. shallowReadonly 与 readonly 类似，用于创建一个ref或者reactive定义的响应式数据的浅层只读副本（对象的第一层为只读）。

1. 特点：
   · 只将对象的第一层属性设置为只读，对象内部的嵌套属性仍然是可变的。
   · 适用于只需保护对象第一层属性的场景。