vue3中的readonly单向数据流函数（readonly函数使用详解）

vue3中的readonly单向数据流函数，传入一个对象（响应式或普通）或 ref，返回一个原始对象的只读代理。一个只读的代理是“深层的”，对象内部任何嵌套的属性也都是只读的。

一、注意：

1、readonly函数是将通过ref 或reactive定义好的数据进行拷贝后变为仅可读的数据，不可进行修改，即无响应

2、如强制修改 控制台将会报错警告

二、reactive 和 readonly

可以看到触发了只2次 "watchEffect" 函数，因为 copy 是只读的。

三、ref 和 readonly

可以看到控制台提示如下：

"Set operation on key "value" failed: target is readonly"

四、Object普通对象 和 readonly

可以看到我们一直点击按钮在++操作，控制台会提示错误，然后界面也没更新，因为你的数据源不是响应式的。