更新数组后，vue.js未更新DOM

// 错误的做法
this.items[indexOfItem] = newValue;

// 正确的做法
this.$set(this.items, indexOfItem, newValue);
// 或者
this.items.splice(indexOfItem, 1, newValue);

this.items[indexOfItem] = newValue;
this.$forceUpdate();

computed: {
  computedItems() {
    return this.items.map(item => {
      // 对item进行处理
      return item;
    });
  }
}

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

<script>
export default {
  data() {
    return {
      items: ['Apple', 'Banana', 'Cherry']
    };
  },
  methods: {
    updateItem() {
      const indexOfItem = 1;
      const newValue = 'Blueberry';
      // 正确的更新方式
      this.$set(this.items, indexOfItem, newValue);
      // 或者
      this.items.splice(indexOfItem, 1, newValue);
    }
  }
};
</script>