this.$set()

this.$set() 是 Vue.js 提供的一个实例方法，用于在 Vue 实例上设置响应式属性。

通常情况下，我们在 Vue 组件中使用 data 属性来存储组件的数据。在某些情况下，需要在组件中动态添加一个新的属性或修改一个已有的属性。如果直接使用赋值语句来修改属性，那么这个属性将不会具备响应式能力，也就无法触发组件的更新。

使用 this.$set() 方法可以解决这个问题。它可以让我们在 Vue 实例上动态添加属性并让这个新属性具备响应式能力。例如：

this.$set(this.obj, 'newProp', 123);

以上代码将在 obj 对象上添加一个名为 newProp 的新属性，并将其初始值设置为 123，同时让这个新属性具备响应式能力。在组件中使用这个新属性就可以触发组件的更新了。

相关问题

vue.set和 this.$set

vue.set和this.$set都是用来在Vue实例中设置响应式属性的方法。它们的作用是相同的，但是使用方式略有不同。

vue.set的使用方式如下：

Vue.set(obj, propertyName, value)

this.$set的使用方式如下：

this.$set(obj, propertyName, value)

其中，obj是要设置属性的对象，propertyName是要设置的属性名，value是要设置的属性值。

这两个方法的作用是将一个非响应式的对象变成响应式的对象，并且能够触发视图更新。

需要注意的是，如果要在嵌套对象中设置属性，需要使用点号或方括号来访问属性。例如：

this.$set(obj.nestedObj, 'propertyName', value)

this.$set使用

this.$set是Vue中的一个实例方法，用于在响应式对象上设置新的属性或修改已有的属性，并确保这些属性也是响应式的。使用this.$set可以解决Vue响应式系统的一个限制，即无法检测到通过索引直接设置数组元素或通过Object.defineProperty添加的属性的变化，所以通过this.$set方法，可以显式地告诉Vue，某个属性的值已经发生了变化，从而触发视图的更新。在数组中，可以使用this.$set来修改和新增数组元素，语法为this.$set(需要修改的数组，需要修改的数组下标，{ "要修改的数组对象，一个/多个" })；在对象中，可以使用this.$set来修改和新增对象属性，语法为this.$set(需要改变的对象，"需要改变的对象属性"，"新值")。