vue基础语法 如何响应式添加数据 $set

Vue基础语法中，可以使用v-model指令将数据绑定到表单元素上，实现双向数据绑定。在Vue中，数据的响应式更新是通过Vue的响应式系统实现的。当数据发生变化时，Vue会自动更新视图。如果需要在Vue实例创建后动态添加属性，可以使用Vue.set方法或者实例的$set方法。例如，可以使用vm.$set(vm.obj, 'newProp', 123)来响应式地添加一个新属性。

相关问题

vue.$set和vm.$set有什么区别

根据提供的引用内容，可以得知`Vue.set()`和`vm.$set()`都可以用来向Vue实例中的响应式对象添加属性并触发视图更新。它们的区别在于`Vue.set()`可以用于全局对象，而`vm.$set()`只能用于当前实例。具体来说，`Vue.set()`的语法为`Vue.set(target, key, value)`，而`vm.$set()`的语法为`vm.$set(target, key, value)`。其中，`target`是要添加属性的对象，`key`是属性名，`value`是属性值。

举个例子，假设我们有一个Vue实例`vm`，其中有一个响应式对象`list`，我们想要向`list`中添加一个新属性`newProp`，可以使用以下两种方法：

// 使用Vue.set()
Vue.set(vm.list, 'newProp', 'new value');

// 使用vm.$set()
vm.$set(vm.list, 'newProp', 'new value');

这两种方法的效果是一样的，都会向`list`中添加一个新属性`newProp`并触发视图更新。

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

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

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

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

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