vue为会改变的数组设置序号

在Vue.js中，如果你想给一个可能会动态变化的数组添加序号，通常可以借助`v-for`指令结合`track-by`属性一起使用。`track-by`允许你在遍历数组时提供一个自定义的键，它不仅用于渲染，还能帮助Vue跟踪每个元素的身份，这对于排序、过滤后的重新排列等操作非常重要。

当你需要给数组添加顺序编号时，你可以这样做：

<template>
  <div>
    <ul>
      <li v-for="(item, index) in items track-by item.id" :key="index">
        {{ item.name }} - {{ index + 1 }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, name: 'Item 1' },
        { id: 3, name: 'Item 3' },
        { id: 2, name: 'Item 2' },
      ]
    };
  }
};
</script>

在这个例子中，`items`是一个会变的数组，我们通过`item.id`作为`track-by`值，Vue会记住每个项的id，即使数组改变了顺序，`index`仍然能反映出正确的顺序。