this.$set（）

this.$set() 是Vue.js提供的一个实例方法，用于修改Vue实例中响应式数据的某个属性，使其能够响应式地更新视图。一般情况下，我们可以通过直接赋值的方式修改响应式数据的某个属性，但是当需要动态添加属性时，就需要使用 this.$set() 方法。因为直接赋值添加的属性是非响应式的，无法触发视图更新。而使用 $set() 方法添加的属性则是响应式的，能够触发视图更新。

$set() 方法接受三个参数：对象、属性名和属性值。例如，我们有一个Vue实例，其中有一个数组dataList，我们要向其中添加一个对象{ name: 'Tom', age: 20 }，可以使用以下代码：

this.$set(this.dataList, this.dataList.length, { name: 'Tom', age: 20 });

这段代码会在 dataList 数组的末尾添加一个元素，该元素为一个对象{name: 'Tom', age: 20}。

相关问题

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`失效的问题，通常情况下它是可以正常工作的。`this.$set`是Vue.js中用于响应式地将数据添加到对象或数组中的方法。它的语法是`this.$set(object, key, value)`。

如果你发现`this.$set`无效，可能有以下几个原因：

1. 对象或数组没有被正确地声明为响应式数据：确保你需要操作的数据是Vue实例中的响应式属性，而不是普通的JavaScript对象或数组。你可以通过`Vue.set(object, key, value)`来手动将普通对象转换为响应式对象。

2. 错误的语法或使用方式：请检查你调用`this.$set`的语法是否正确，确保传递正确的参数。另外，`this.$set`只能在Vue组件实例中使用，如果在其他地方使用可能会导致失效。

3. 对象或数组已经被冻结：如果你尝试修改一个被Object.freeze()冻结的对象或数组，`this.$set`将无法生效。你可以使用`Vue.set(object, key, value)`来代替。

希望以上信息对你有所帮助！如果还有其他问题，请继续提问。