Vue.js 数组比较：如何找出两个数组的相同值

<template>
  <div>
    <ul>
      <li v-for='item in sameItems'>{{ item }}</li>
    </ul>
  </div>
</template>
<script>
export default {
  data() {
    return {
      array1: [1, 2, 3, 4, 5],
      array2: [3, 4, 5, 6, 7],
    }
  },
  computed: {
    sameItems() {
      return this.array1.filter(item => this.array2.includes(item))
    }
  }
}
</script>
<p>在上面的代码中，我们定义了两个数组 <code>array1</code> 和 <code>array2</code>，然后使用 <code>computed</code> 属性来计算相同的值 <code>sameItems</code>。在 <code>computed</code> 中，我们使用了数组方法 <code>Array.filter()</code> 和 <code>Array.includes()</code> 来找出两个数组的相同值。其中，<code>Array.filter()</code> 用于过滤出在 <code>array1</code> 中存在且也在 <code>array2</code> 中存在的值，<code>Array.includes()</code> 用于判断一个值是否在数组中存在。最后，我们在模板中使用 <code>v-for</code> 指令来展示相同的值。</p>