v-if与v-for的不共用问题

v-for的优先级比v-if高，所以会优先执行v-for
如果你需要v-if与v-for共用的话，需要把v-if放在容器上

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

这一段代码中，会先去循环v-for，循环后再循环一次，对v-if的进行显隐。也得在每次重渲染的时候遍历整个列表，不论活跃用户是否发生了变化。
所以一般来说，v-if与v-for要这样使用

• {{ user.name }}