VUE3 对象集合找到并标记重复值

要在Vue3中标记重复值，您可以使用以下步骤：

创建一个Vue3组件，并在组件的data选项中定义一个对象集合，例如：

data() {
  return {
    items: [
      { id: 1, name: 'Apple' },
      { id: 2, name: 'Banana' },
      { id: 3, name: 'Apple' },
      { id: 4, name: 'Orange' },
      { id: 5, name: 'Banana' }
    ],
    duplicateItems: []
  }
}

在组件的mounted生命周期钩子函数中，使用reduce()方法和findIndex()方法来找到重复的项，并将其添加到duplicateItems数组中：

mounted() {
  this.duplicateItems = this.items.reduce((acc, curr, index, array) => {
    if (array.findIndex(item => item.name === curr.name) !== index && !acc.includes(curr)) {
      acc.push(curr);
    }
    return acc;
  }, []);
}

在模板中，可以使用v-for指令来遍历duplicateItems数组，并显示重复的项：

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

这样，重复的项就会被标记并显示在页面上