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++