Vue에서 조건부 그룹
때로는 여러 태그에 한 번에 조건을 적용해야 할 때가 있습니다. 이 경우 공통 부모 요소로 묶어서 조건을 적용할 수 있습니다:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
때로는 태그들을 공통 부모 요소로 묶고 싶지 않을 수 있습니다.
이 경우 template 태그를 사용하여 묶을 수 있습니다.
이 태그는 다른 태그들을 그룹화하지만 최종 마크업에는 나타나지 않습니다.
이 태그에 조건을 적용해 봅시다:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
세 개의 단락과 버튼이 주어졌다고 가정합니다. 버튼을 클릭하면 이 단락들이 숨겨지도록 만드세요.
