vue3 中vue.set与$set分别属于什么

在Vue.js 3中，`vue.set`和`$set`都是用于在响式对象中添加新的属性的方法。

`vue.set`是全局方法，可以通过`Vue.set`来调用它接受三个参数：对象、属性名和属性值。使用`vue.set`可以确保添加的属性是响应式的，即当属性值发生变化时，视图会自动更新。

`$set`是实例方法，可以在Vue组件中直接使用。它也接受三个参数：对象、属性名和属性值。与`vue.set`相同，使用`$set`也可以确保添加的属性是响应式的。

这两个方法的作用是相同的，只是调用方式略有不同。在Vue 3中，推荐使用`$set`方法来添加新的属性。

相关问题

vue 中什么方法可以向嵌套对象添加响应式 property？ 多选题3.0分 Vue.set vm.$set (this.$set) C Vue.add D vm.Sadd (this.$add)

在 Vue 中，可以使用以下方法向嵌套对象添加响应式属性：

- `Vue.set()`：可用于在 Vue 实例或嵌套对象中添加响应式属性。
- `vm.$set()` 或 `this.$set()`：实例方法，可用于在 Vue 实例或嵌套对象中添加响应式属性。

因此，选项 A 和 B 都是正确的。而选项 C 和 D 中的方法在 Vue 中并不存在。

Vue.set this.$set

Vue.set() 或者 this.$set() 是 Vue 提供的一种方法，用于在响应式对象上添加一个响应式属性。通常情况下，我们可以直接给一个对象添加属性，但是这样添加的属性是不会具备响应式的特性，即当这个属性的值发生改变时，对应的视图不会自动更新。而使用 Vue.set() 或者 this.$set() 添加的属性，则具有响应式特性。

Vue.set() 的语法如下：

其中，object 表示要添加属性的对象，propertyName/index 表示属性名或者索引值，value 表示属性值。

this.$set() 与 Vue.set() 的用法相同，只不过是在组件中使用的方法。

举个例子，假设我们有一个 data 对象：

data: {
message: 'Hello World',
list: []
}

如果我们想要给 list 数组添加一个响应式属性，可以使用如下代码：

this.$set(this.list, 0, 'item');

这样，在 list 数组中添加了一个值为 'item' 的元素，并且该元素具有响应式特性。