- v-if和v-for同时使用时,v-for优先级更高
- 在Vue的官网中,不推荐v-if和v-for同时使用
这种写法是不推荐的:
<ul>
<li
v-for="user in users"
v-if="user.isActive"
:key="user.id"
>
{{ user.name }}
</li>
</ul>
Vue更推荐这种写法:
<ul v-if="user.isActive">
<li
v-for="user in users"
:key="user.id"
>
{{ user.name }}
</li>
</ul>