vue3 readonly和shallowReadonly 应用

一 readonly

 ref定义的数据

 

 红色可以修改sum1 绿色不可以修改sum2

reactice定义的数据一样不能被修改

二 shallowReadonly 

只保证第一层次不能被修改 深层次的数据依旧会被修改

下面的age是可以修改的 

let person = shallowReadonly({
  name: 'zhangsan',
  id: '1',
  data:{
    age:12
  }
})