vue实现如何找出单个数组的相同值

可以使用双重循环来实现找出单个数组的相同值，具体方法如下：

<template>
  <div>
    <h3>相同值：</h3>
    <ul>
      <li v-for="(value, index) in sameValues" :key="index">{{ value }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr: [1, 2, 3, 4, 5, 2, 4, 6, 7],
      sameValues: []
    }
  },
  mounted() {
    this.findSameValues();
  },
  methods: {
    findSameValues() {
      for (let i = 0; i < this.arr.length; i++) {
        for (let j = i + 1; j < this.arr.length; j++) {
          if (this.arr[i] === this.arr[j] && !this.sameValues.includes(this.arr[i])) {
            this.sameValues.push(this.arr[i]);
          }
        }
      }
    }
  }
}
</script>

上述代码中，我们定义了一个数组arr，用于存储需要查找相同值的数组。在mounted钩子函数中，调用findSameValues方法来查找相同值，并将结果存储在sameValues数组中。

findSameValues方法中，我们使用双重循环来遍历arr数组，依次比较每个元素是否与后面的元素相同，如果相同且sameValues数组中未包含该元素，则将该元素添加到sameValues数组中。最终，sameValues数组中存储的就是arr数组中的相同元素。

在模板中，我们使用v-for指令来遍历sameValues数组，并将每个元素渲染到页面中。