Vue warn]：检测到重复的键：'0‘。这可能会导致更新错误。在引导程序崩溃中的Vue js警告中找到

const items = [
  { id: 1, name: 'Item 1' },
  { id: 2, name: 'Item 2' },
  { id: 1, name: 'Item 1' } // 重复的id
];

<template>
  <ul>
    <li v-for="item in items" :key="item.id">
      {{ item.name }}
    </li>
  </ul>
</template>

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

const items = [
  { name: 'Item 1' },
  { name: 'Item 2' },
  { name: 'Item 3' }
];

const itemsWithUniqueKeys = items.map((item, index) => ({
  ...item,
  uniqueKey: `item-${index}`
}));

<template>
  <ul>
    <li v-for="item in itemsWithUniqueKeys" :key="item.uniqueKey">
      {{ item.name }}
    </li>
  </ul>
</template>