vue2 以及vue3中 v-if和v-for是否可以同时使用

vue2以及vue3官方文档中都明确的指出 避免 v-if 和 v-for 用在一起

vue2

官方文档

解释

在 Vue 2 中，v-for 的优先级高于 v-if，也就是说，Vue 2 在渲染时，会先处理 v-for 生成列表项，再对子项判断 v-if 是否渲染。 比如， 在下面代码中。

<ul>
<li v-for="user in users" v-if="user.isActive" :key="user.id">
  {
   {
    user.name }}
</li>
<