v-if와 v-for의 우선 순위는 무엇인가요?

if 판단을 할 때는 v-for 앞에 v-if를 사용합니다.

결론: v-for가 v-if보다 우선 순위가 높습니다.

동일한 요소에 v-if와 v-for를 동시에 사용하면 성능이 낭비될 수 있으므로 절대로 사용하지 마세요.

• 이를 피하려면 템플릿을 외부 레이어에 중첩하고 해당 수준에서 v-if 판단을 한 다음 내부에 v-for 루프를 만듭니다.

js
<template v-if="isShow">
 <p v-for="item in items">
</template>