通过v-for和v-if条件生成项目

Question

我在A.vue文件中有类似的代码

<div v-for="item in items" :key="item.id">
    <item :item="item" />
</div>

在Item.vue文件中：

<div class="item">
    <div v-if="item.xyz">
        long and complex html here
    </div>
    <span>{{ item.name }}</span>
</div>

现在考虑项目有大约100个项目，只有一个项目。xyz为true。因为v-if在条件成立之前不会将任何html装入DOM中，但是它肯定会将数据保留在vue对象的内存中。

有什么方法可以考虑v-如果仅针对一项而不是针对其他项？