v-for和v-if一起使用

在Vue中，可以同时使用v-for和v-if，即在v-for循环中使用v-if条件判断。

例如，有一个数组items，需要显示其中大于10的元素，可以这样写：

<div v-for="item in items" v-if="item > 10">{{ item }}</div>

这样就会循环遍历数组items中的所有元素，但只会显示大于10的元素。

需要注意的是，当同时使用v-for和v-if时，v-for会优先执行，即先循环遍历数组，然后再根据v-if条件判断是否显示元素。因此，如果数组中的元素很多，同时满足v-for和v-if的条件，会造成性能问题。可以考虑在数据层面进行筛选，减少v-for循环的次数。