Vue에서 조건부 그룹

때로는 여러 태그에 한 번에 조건을 적용해야 할 때가 있습니다. 이 경우 공통 부모 요소로 묶어서 조건을 적용할 수 있습니다:

html<template>
  <div v-if="isAuth">
    <p>+++</p>
    <p>+++</p>
    <p>+++</p>
  </div>
</template>

때로는 태그들을 공통 부모 요소로 묶고 싶지 않을 수 있습니다. 이 경우 template 태그를 사용하여 묶을 수 있습니다. 이 태그는 다른 태그들을 그룹화하지만 최종 마크업에는 나타나지 않습니다. 이 태그에 조건을 적용해 봅시다:

html<template>
  <template v-if="isAuth">
    <p>+++</p>
    <p>+++</p>
    <p>+++</p>
  </template>
</template>