如何在v-for中不显示所有项目

<div v-for="item in items" v-if="item.show">
  {{ item.name }}
</div>

<div v-for="item in filteredItems">
  {{ item.name }}
</div>

computed: {
  filteredItems() {
    return this.items.filter(item => item.show);
  }
}

<div v-for="item in filteredItems">
  {{ item.name }}
</div>

data() {
  return {
    items: [
      { name: 'Item 1', show: true },
      { name: 'Item 2', show: false },
      { name: 'Item 3', show: true }
    ]
  };
},
computed: {
  filteredItems() {
    return this.items.filter(item => item.show);
  }
}