vue中$set

在Vue.js中，$set是一个用于向响应式对象中添加一个属性并确保新属性同样是响应式的实例方法。以下是其具体用法：

1. 向对象添加响应式属性：当需要在已经创建的Vue实例的data对象或其嵌套对象中添加新的属性时，并且希望这个新属性也是响应式的，可以使用$set方法。例如，如果有一个Vue实例vm，它的data选项中有一个info对象，现在需要给info对象添加一个新的属性sex，可以通过Vue.set(vm.info, 'sex', '男')或者vm.$set(vm.info, 'sex', '男')来实现。
2. 更新数组和对象：对于数组和对象的更新，直接使用索引或键来修改值可能不会触发视图更新，因为Vue无法检测到这种变化。在这种情况下，$set可以用来确保数组的元素或对象的属性被正确地更新，并且视图能够响应这些变化。
3. 使用方法：$set可以作为Vue实例的方法直接调用，也可以通过全局的Vue.set来调用。在组件内部，通常使用this.$set。对于数组，调用方式为this.$set(array, index, newValue)；对于对象，调用方式为this.$set(object, key, value)。
4. 注意事项：由于Vue 2使用的是Object.defineProperty来实现数据响应，它无法监听到数组的索引变化和对象的嵌套属性变化。因此，在添加新的属性或更新数组的某个元素时，如果不使用$set，可能会导致视图不更新。使用$set可以确保数据的双向绑定和视图的正确更新。

总的来说，$set是Vue中处理响应式数据的重要工具，尤其是在动态添加属性或更新数组和对象时，它可以确保数据的一致性和视图的同步更新。