vue2中如何引入this.$set()，举例说明

在Vue 2中，this.$set方法是Vue实例的一个方法，因此可以直接在Vue组件的方法中使用。

首先，确保你已经在Vue组件的script标签中引入了Vue库。

下面是一个示例，演示如何在Vue组件中引入和使用this.$set方法：

<template>
  <div>
    <ul>
      <li v-for="(item, index) in items" :key="index">{{ item }}</li>
    </ul>
    <button @click="addItem">Add Item</button>
  </div>
</template>

<script>
import Vue from 'vue';

export default {
  data() {
    return {
      items: ['Apple', 'Banana', 'Orange']
    };
  },
  methods: {
    addItem() {
      // 使用this.$set方法在响应式数组中添加新的元素
      Vue.set(this.items, this.items.length, 'Mango');
    }
  }
};
</script>

在上面的示例中，我们首先通过import语句引入了Vue库。然后，在addItem方法中使用了this.$set方法来向响应式数组items中添加新的元素。由于this.$set是Vue实例的方法，我们可以通过Vue.set来调用它。

这样，当我们点击"Add Item"按钮时，就会向items数组中添加一个新的元素"Mango"。由于使用了this.$set方法，这个新添加的元素也会是响应式的，能够被Vue追踪和响应。