根据另一个数组Vuejs过滤数组

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

<script>
export default {
  data() {
    return {
      targetArray: [
        { id: 1, name: 'Apple' },
        { id: 2, name: 'Banana' },
        { id: 3, name: 'Orange' },
        { id: 4, name: 'Grape' }
      ],
      filterArray: ['Apple', 'Orange']
    };
  },
  computed: {
    filteredArray() {
      return this.targetArray.filter(item => this.filterArray.includes(item.name));
    }
  }
};
</script>