vue 在数据不更新的情况下再次调用for循环

如果你在 Vue 中使用 `v-for` 渲染一个数组，但数组的数据没有更新，那么 Vue 不会再次调用 `v-for` 循环。因此，如果你想强制重新渲染这个 `v-for` 循环，可以使用 Vue 提供的一些方法来实现。

一种简单的方法是给数组对象添加一个新属性，然后再删除它。这样做可以触发 Vue 重新渲染该数组。例如：

this.items.forEach(item => {
  item.__refresh = true;
  setTimeout(() => {
    delete item.__refresh;
  }, 0);
});

在这个例子中，我们使用 `forEach` 循环遍历数组，给每个元素添加一个名为 `__refresh` 的属性，然后使用 `setTimeout` 函数在下一帧中删除该属性。由于 Vue 会跟踪这个属性的变化，所以在删除它时会触发重新渲染。

另一种方法是使用 `key` 属性来强制重新渲染。例如：

<template>
  <div>
    <div v-for="(item, index) in items" :key="index">{{ item }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: ["A", "B", "C"]
    };
  },
  methods: {
    refresh() {
      this.items = [...this.items];
    }
  }
};
</script>

在这个例子中，我们给 `v-for` 循环添加了一个 `key` 属性，这样 Vue 就可以跟踪每个元素的变化。当需要强制重新渲染时，我们只需要将数组复制一份再赋值给它，这样 Vue 就会认为数组已经发生了变化，从而重新渲染。