vue3在setup中如何向响应式数组对象中添加属性
时间: 2023-05-20 12:03:54 浏览: 135
vue3相关.docx
您可以使用Vue提供的reactive函数来创建响应式数组对象,然后使用push方法向其中添加属性。示例代码如下:
```
import { reactive } from 'vue';
export default {
setup() {
const state = reactive({
list: []
});
function addItem() {
state.list.push({ name: 'item' });
}
return {
state,
addItem
}
}
}
```
在上面的代码中,我们使用Vue提供的reactive函数创建了一个响应式对象state,其中包含一个空数组list。然后我们定义了一个addItem函数,用于向list数组中添加一个名为item的对象。由于state是响应式对象,因此当我们调用addItem函数时,Vue会自动更新视图以反映list数组的变化。
阅读全文