Grupos condicionales en Vue
A veces necesitamos aplicar una condición a un grupo de etiquetas a la vez. En este caso, podemos agruparlas con un elemento padre común y aplicar la condición sobre él:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
A veces no nos gustaría agrupar las etiquetas
con un elemento padre común. En este caso,
pueden agruparse con la etiqueta template.
Esta etiqueta agrupa otras etiquetas,
pero no aparece en el resultado final del markup.
Apliquemos una condición a esta etiqueta:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Supongamos que tienes tres párrafos y un botón. Haz que al hacer clic en el botón, estos párrafos se oculten.
