readonly 与 shallowReadonly

• readonly: 让一个响应式数据变为只读的（深只读）。
• shallowReadonly：让一个响应式数据变为只读的（浅只读）。
• 应用场景: 不希望数据(尤其是这个数据是来自与其他组件时)被修改时。

let person = reactive({
  name: '张三',
  age: 18,
  job: {
    j1: {
      salary: 20
    }
  }
})

let sum = ref(0)

person = shallowReadonly(person) // 对象第一层只读