vue3——readonly 与 shallowReadonly

• readonly: 让一个响应式数据变为只读的（深只读）。

• shallowReadonly：让一个响应式数据变为只读的（浅只读，只读第一层）。

• isReadonly：判断一个数据是不是只读数据

• 应用场景: 不希望数据被修改时，或者用到的数据是从外部传进的。

代码演示：

 

readonly：

上述代码中，先引入readonly，在界面中person中的数据全部都没有响应效果，因为readonly为只读

 

shallowReadonly：

上述代码中，先引入shallowReadonly，在界面中person中的数据只有第一层有响应效果