vue3 数组去重 new set

在 Vue3 中，可以使用 ES6 中的 Set 类型来进行数组去重。Set 是一种无序且不重复的集合，可以将一个数组转换为 Set，然后再将 Set 转换回数组即可实现去重。下面是示例代码：

const arr = [1, 2, 2, 3, 4, 4, 5];

// 将数组转换为 Set
const set = new Set(arr);

// 将 Set 转换为数组
const newArr = Array.from(set);

console.log(newArr); // [1, 2, 3, 4, 5]

另外，Vue3 还提供了一个数组去重的内置指令 `v-for`，可以在 `v-for` 循环中使用 `v-if` 条件语句进行去重：

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

<script>
export default {
  data() {
    return {
      list: [1, 2, 2, 3, 4, 4, 5],
    };
  },
  computed: {
    uniqueList() {
      return [...new Set(this.list)];
    },
  },
};
</script>

这里使用了计算属性 `uniqueList` 来返回去重后的数组。在模板中使用 `v-for` 循环时，只需要循环 `uniqueList` 即可。