了解过vue中的shallowReactive函数吗？

在 Vue 3 中，shallowReactive 是一个用于创建浅层响应式对象的函数。它类似于 reactive，但只会对对象的第一层属性进行响应式处理，而不会递归地对嵌套对象进行处理。

以下是一个使用 shallowReactive 的示例代码：

import { shallowReactive } from 'vue';

const state = shallowReactive({
  count: 0,
  person: {
    name: 'John',
    age: 25
  }
});

console.log(state.count); // 输出: 0
console.log(state.person); // 输出: { name: 'John', age: 25 }

state.count = 1;
console.log(state.count); // 输出: 1

state.person.name = 'Jane';
console.log(state.person.name); // 输出: Jane

请注意，shallowReactive 只会对对象的第一层属性进行响应式处理。在上面的例子中，state.person 是一个嵌套对象，它的属性不会被响应式地处理。如果你想要对嵌套对象进行响应式处理，可以使用 reactive。