v-for和v-if一起使用

在Vue中，可以同时使用v-for和v-if指令来过滤数组中的数据项。可以通过在v-for前面添加v-if指令，让数据项只在符合指定条件时进行遍历。

例如，在以下示例中，数组中的数据项只有在满足age大于等于18岁的条件时才会进行遍历：

<ul>
  <li v-for="item in items" v-if="item.age >= 18">{{ item.name }}</li>
</ul>

注意，使用v-if和v-for一起时，要确保v-for在v-if之前。因为v-for指令会优先执行，生成数据列表，然后再根据v-if指令进行过滤。如果将它们的位置颠倒，可能会出现意料之外的结果。