vue $set 函数 怎么用 代码

您好，下面是使用Vue.js中的$set函数的示例代码：

<template>
  <div>
    <ul>
      <li v-for="(item, index) in items" :key="item.id">
        {{ item.name }}
        <button @click="changeItem(index)">Change Item</button>
      </li>
    </ul>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        items: [
          { id: 1, name: 'item 1' },
          { id: 2, name: 'item 2' },
          { id: 3, name: 'item 3' }
        ]
      }
    },
    methods: {
      changeItem(index) {
        // 使用$set函数更新item的name属性
        this.$set(this.items[index], 'name', 'updated item ' + index);
      }
    }
  }
</script>

在上面的示例代码中，我们使用了Vue.js中的$set函数来更新数据中每个对象的属性。$set函数接受3个参数：要更新的对象、属性名称和属性值。在这个例子中，我们使用$set函数更新了items数组中一个对象的name属性。

希望这能够帮到您！