vuejs -当列表B中存在项目时，在列表A中标记选中的循环for

<template>
  <div>
    <ul>
      <li v-for="item in listA" :key="item.id" :class="{ 'selected': isSelected(item) }">
        {{ item.name }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      listA: [
        { id: 1, name: '项目A' },
        { id: 2, name: '项目B' },
        { id: 3, name: '项目C' }
      ],
      listB: [
        { id: 2, name: '项目B' }
      ]
    };
  },
  methods: {
    isSelected(item) {
      return this.listB.some(b => b.id === item.id);
    }
  }
};
</script>

<style>
.selected {
  background-color: yellow;
}
</style>