Grupos Condicionais no Vue
Às vezes, precisamos aplicar uma condição a um grupo de tags de uma vez. Neste caso, podemos agrupá-las com um elemento pai comum e aplicar a condição a ele:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
Às vezes, não queremos agrupar as tags
com um elemento pai comum. Neste caso,
elas podem ser agrupadas pela tag template.
Esta tag agrupa outras tags,
mas não aparece no HTML final.
Vamos aplicar uma condição a esta tag:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Suponha que você tenha três parágrafos e um botão. Faça com que, ao clicar no botão, esses parágrafos sejam ocultados.
