This can lead to unexpected results because v-if is evaluated after v-for.
If you need both, consider moving v-if to a wrapping <template> element around the v-for.
<!-- ❌ This can cause issues -->
<div v-for="item in items" v-if="item.visible">
{{item.name}}
</div>
<!-- ✅ Better this way -->
<template v-for="item in items" :key="item.id">
<div v-if="item.visible">
{{item.name}}
</div>
</template>