Vue.js shallowReadonly()用法及代码示例

function shallowReadonly<T extends object>(target: T): Readonly<T>

谨慎使用

浅层数据结构只能用于组件中的根级状态。避免将其嵌套在深层反应对象中，因为它会创建一个具有不一致反应行为的树，这可能难以理解和调试。

const state = shallowReadonly({
  foo: 1,
  nested: {
    bar: 2
  }
})

// mutating state's own properties will fail
state.foo++

// ...but works on nested objects
isReadonly(state.nested) // false

// works
state.nested.bar++