×

了解过vue中的shallowReactive函数吗?

提问者:Terry2023.08.30浏览:3564

在 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

您的支持是我们创作的动力!

网友回答文明上网理性发言 已有0人参与

发表评论: