v-for和v-if能共同使用吗？

能，但是要看应用场景,举个例子

在处于同一节点上，因为v-for 的优先级比 v-if 更高，v-if 将分别重复运行于每个 v-for 循环中。

如果要实现渲染满足条件的li节点时，可以这样用

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

如果要实现有条件地跳过循环的执行，应该这么做

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