vue3 使用set方法
时间: 2023-11-23 13:56:03 浏览: 320
基于JAVA+SpringBoot+MySQL的校园台球厅人员与设备管理系统设计与实现.docx
Vue3中使用set方法可以更新响应式对象的属性,从而触发视图的更新。下面是一个使用set方法的例子:
```javascript
import { reactive, set } from 'vue'
const state = reactive({
name: 'Tom',
age: 18
})
set(state, 'age', 20)
console.log(state.age) // 输出:20
```
在上面的例子中,我们首先使用`reactive`函数创建了一个响应式对象`state`,然后使用`set`方法更新了`state`对象的`age`属性为20。由于`state`对象是响应式的,所以更新`age`属性会触发视图的更新。
阅读全文