vue中$set的作用

Vue.js 中 $set() 的作用

在 Vue.js 中，$set() 方法用于在响应式对象中设置或修改一个属性的值。它确保对对象状态的更改能够被 Vue 侦测到并触发视图的更新。

如何使用 $set()

$set() 方法接收两个参数：

立即学习“前端免费学习笔记（深入）”；

1. 目标对象：要设置或修改属性值的对象。它必须是一个响应式对象，例如 Vue 实例的 data 对象。
2. 属性键：要设置或修改的属性的键。
3. 属性值：要设置或修改的新属性值。

// 设置一个新的属性this.$set(this.data, 'name', 'John');// 修改现有属性的值this.$set(this.data.user, 'age', 30);

何时使用 $set()

以下场景中需要使用 $set()：

注意：