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