vue set 干什么的

Vue.set是Vue.js提供的一个方法，用于在响应式对象上添加一个新的属性，并使其具有响应性。

在Vue.js中，当我们定义一个响应式对象（通过Vue实例的data属性或组件的data选项），Vue会将它转换成一个响应式的对象，使得当对象的属性发生变化时，相关的视图会自动更新。

然而，如果我们想要将一个新的属性添加到这个响应式对象上，以便它也具有响应性，一般情况下直接使用JavaScript的赋值操作是无法实现的。因为Vue.js在创建响应式对象时，会将所有已有的属性转换成getter和setter，从而实现属性的依赖追踪和视图更新。而对于之前不存在的属性，Vue.js对其无法进行添加getter和setter操作。

这时，我们可以使用Vue.set方法来实现在响应式对象上添加新属性并使其具有响应性。它的语法如下：

Vue.set(对象, 属性名, 属性值)

例如，假设我们有一个Vue实例：

var vm = new Vue({
data: {
name: 'John',
}
})

如果我们想要在该实例上添加一个新属性age，并使其具有响应性，可以这样使用Vue.set方法：

Vue.set(vm, 'age', 20)

这样一来，我们可以在模板中直接访问和使用这个新添加的属性，而且当该属性的值发生变化时，相关的视图也会相应地更新。

总结来说，Vue.set方法在Vue.js中用于在响应式对象上添加新属性并使其具有响应性，以便实现视图的自动更新。

vue set 是Vue.js中提供的一个方法，用于在响应式对象上设置新属性，并确保这个新属性是响应式的。通常情况下，在使用Vue.js的过程中，我们可以直接对已定义的属性进行修改和赋值，这样能够自动触发页面的重新渲染。但是对于新增的属性，由于Vue.js无法检测到其变化，因此无法自动触发页面的重新渲染，这就需要使用vue set 方法来实现。

具体来说，vue set 方法的作用主要有以下几点：

1. 动态添加响应式属性：使用 vue set 方法可以向已经创建好的 Vue 实例的响应式对象中动态添加新的属性。这样，这个新的属性就会变成响应式的，并且能够触发视图的重新渲染。

2. 动态删除响应式属性：在某些情况下，我们可能需要动态地删除响应式对象上的属性。使用 vue set 方法可以实现对响应式属性的删除，并且能够触发视图的重新渲染。

3. 在数组中添加新元素：vue set 方法还可以用于数组，它可以向已经创建好的 Vue 实例的响应式数组中动态添加新的元素。这样新的元素就会变成响应式的，并且能够触发视图的重新渲染。

4. 替换数组中的元素：使用 vue set 方法可以替换数组中的某个元素。当我们想要替换数组中的元素，并且希望这个操作能够触发视图的重新渲染时，可以使用 vue set 方法。

5. 对动态添加的属性进行深度监听：当使用 vue set 方法动态添加属性时，如果这个属性的值仍然是一个对象或数组，那么这个属性的值也会被转换为响应式的，并且可以进行深度监听。

总结来说，vue set 方法能够在Vue.js中实现动态添加、删除属性和数组元素的功能，并且保证这些新的属性和元素是响应式的，可以触发视图的重新渲染。

Vue.set 是 Vue.js 提供的一个全局方法，用于在 Vue 实例中设置对象的响应式属性。它主要用于解决在 Vue 实例中添加或删除属性时，不会触发 Vue 的响应式系统的问题。

在 Vue.js 中，当我们将一个普通对象传递给 Vue 实例的 data 选项时，Vue 会通过监听对象的所有属性，并将它们转换成 getter 和 setter，从而实现对象属性的响应式更新。然而，Vue 在实例化后对新增的属性是无法监听的。这就意味着，如果我们直接给对象添加新属性，那么这个属性将不会被 Vue 监听到，不会触发视图的更新。

而 Vue.set 方法就是为了解决这个问题。它接受三个参数：对象（即要修改的对象），要设置的属性名和属性值。它在内部调用了 Vue 的响应式系统，将属性设置为响应式的属性。这样就能够触发 Vue 的响应式更新机制，使得新增的属性能够被监听到并触发相应的更新。

具体的使用方法如下：

Vue.set(object, key, value)

其中，object 是要修改的对象，key 是要设置的属性名，value 是要设置的属性值。这三个参数都是必需的。

除了 Vue.set 方法之外，还可以使用以下语法来实现相同的效果：

object[key] = value

但是要注意，这种方式只能用于已经被创建的对象，而不能用于新增的属性。当使用这种方式来设置新属性时，Vue 是无法检测到属性的变化的，因此不会触发视图的更新。所以，在设置新增属性时，最好还是使用 Vue.set 方法来保证属性的响应式更新。

总结起来，Vue.set 方法可以用于在 Vue 实例中添加或删除对象的属性，并且保证属性的响应式更新。这样可以确保新增的属性能够被 Vue 监听到并触发视图的更新。