Vue.js shallowReactive()用法及代碼示例

function shallowReactive<T extends object>(target: T): T

謹慎使用

淺層數據結構隻能用於組件中的根級狀態。避免將其嵌套在深層反應對象中，因為它會創建一個具有不一致反應行為的樹，這可能難以理解和調試。

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

// mutating state's own properties is reactive
state.foo++

// ...but does not convert nested objects
isReactive(state.nested) // false

// NOT reactive
state.nested.bar++