Gruppi Condizionali in Vue
A volte abbiamo bisogno di applicare una condizione a un gruppo di tag contemporaneamente. In questo caso possiamo raggrupparli con un genitore comune e applicare la condizione su di esso:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
A volte potremmo non voler raggruppare i tag
con un genitore comune. In questo caso
possono essere raggruppati con il tag template.
Questo tag raggruppa altri tag,
ma non appare nel markup finale.
Applichiamo una condizione su questo tag:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Supponiamo di avere tre paragrafi e un pulsante. Fai in modo che quando si clicca sul pulsante questi paragrafi vengano nascosti.
