什么情况下用vue的set方法

使用Vue的set方法的情况有以下几种：

1. 在响应式对象中添加新的属性：当我们需要向已存在的响应式对象中添加一个新的属性时，这个新属性是非响应式的。此时，如果直接给对象赋值，Vue无法检测到新属性的变化，导致视图无法更新。这时可以使用Vue的set方法来添加新属性，确保该属性是响应式的，从而触发视图的更新。

Vue.set(obj, 'newProperty', value);

2. 在数组中添加新的元素：当我们向已存在的响应式数组中添加一个新的元素时，这个新元素是非响应式的。同样地，如果直接使用数组的push或splice方法添加元素，Vue也无法检测到新元素的变化，导致视图无法更新。这时可以使用Vue的set方法来添加新元素，以保证该元素是响应式的。

Vue.set(array, index, value);

3. 在对象或数组的嵌套属性中添加新属性：当我们需要向对象或数组的嵌套属性中添加一个新的属性时，需要使用set方法来保证该新属性是响应式的，并触发视图的更新。

Vue.set(obj.nested, 'newProperty', value);
Vue.set(array[index], 'newProperty', value);

总结：Vue的set方法用于向响应式对象或数组中添加新的属性或元素，确保它们是响应式的，从而使视图能够正常更新。在以上情况下，使用Vue的set方法可以解决响应式更新的问题。

Vue的set方法通常用于在Vue实例中为已定义的对象添加响应式属性。当我们在组件内部定义的响应式对象发生变化时，Vue会自动进行响应式更新。然而，在某些情况下，当我们想要向一个已定义的对象添加新的属性时，Vue无法自动进行响应式更新，这时就可以使用set方法来解决这个问题。

下面是一些常见的情况下使用Vue的set方法：

1. 动态添加属性：当我们的数据是响应式的对象或数组时，如果想要添加一个新的属性或数组元素，可以使用set方法来实现响应式更新。通过set方法添加的属性或元素会自动具有响应式特性，当它们发生变化时，Vue会自动更新视图。

2. 嵌套对象添加属性：当我们有一个嵌套对象，想要给其中的某个属性添加新的属性时，直接使用赋值的方式是无法实现响应式更新的。这时就可以使用set方法，通过给父对象中的属性添加新的属性来实现响应式更新。

3. 数组新增元素：当我们有一个响应式数组，想要向数组中添加新的元素时，直接使用push方法是无法实现响应式更新的。这是因为Vue无法检测到push方法的调用。此时，可以使用set方法，通过给数组的长度属性添加新的值，实现响应式更新。

4. 动态修改数组中的某个元素：当我们有一个响应式数组，想要修改数组中的某个元素时，直接通过索引赋值是无法实现响应式更新的。因为Vue无法检测到索引直接赋值的操作。这时可以使用set方法，通过给目标元素的键添加新的值，实现响应式更新。

5. 对象的动态删除属性：当我们想要删除一个对象中的某个属性时，直接使用delete操作符是无法实现响应式更新的。因为Vue无法检测到delete操作的调用。这时可以使用set方法，通过给要删除的属性赋值为undefined，实现属性的删除并触发响应式更新。

综上所述，Vue的set方法主要用于在已定义的对象中添加响应式属性。它可以解决Vue无法自动检测到新增属性或元素的问题，使其具有响应式特性。

在Vue.js中，我们通常使用“响应式”数据来驱动视图的更新。在某些情况下，我们需要在响应式对象之外添加新的属性。这时，我们需要使用Vue提供的set方法。

Vue的set方法允许我们在Vue实例中动态添加响应式属性。使用set方法可以确保新添加的属性也能够被Vue监听到，并触发视图的更新。

下面我们将详细介绍什么情况下使用Vue的set方法以及如何使用。

1. 在创建Vue实例之前动态添加响应式属性
   在创建Vue实例之前，我们可以使用set方法动态添加响应式属性。这通常发生在我们需要在data选项之外添加属性的时候。

const vm = new Vue({
  data: {
    name: 'John',
    age: 20
  }
})

Vue.set(vm, 'gender', 'male')

console.log(vm.gender) // 'male'

2. 在Vue组件中动态添加响应式属性
   在Vue组件中，我们也经常需要动态添加属性。使用set方法可以确保新添加的属性能够被Vue监听到，并触发视图的更新。

export default {
  ...,
  methods: {
    addProperty() {
      Vue.set(this.$data, 'newProperty', 'some value')
    }
  }
}

3. 在嵌套对象中动态添加响应式属性
   使用set方法可以动态添加大型嵌套对象的属性，并确保这些属性也能够被Vue监听到。

Vue.set(vm.someObject, 'newProperty', 'some value')

当我们直接使用对象的赋值操作来添加新属性时，Vue将无法监听到这个改变。这是因为Vue只能在对象被创建时就对其进行监听。因此，我们需要使用set方法来代替直接赋值的方式。

总结：
在某些情况下，我们需要在响应式对象之外添加新的属性。这时，我们需要使用Vue提供的set方法。set方法允许我们在Vue实例中动态添加响应式属性，确保这些属性也能够被Vue监听到，并触发视图的更新。我们可以在创建Vue实例之前、Vue组件中或嵌套对象中使用set方法动态添加属性。