Grupuri condiționale în Vue
Uneori avem nevoie să aplicăm o condiție imediat pe un grup de tag-uri. În acest caz le putem grupa cu un părinte comun și să aplicăm condiția pe el:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
Uneori nu am dori să grupăm tag-urile
cu un părinte comun. În acest caz
ele pot fi grupate cu tag-ul template.
Acest tag grupează alte tag-uri,
dar nu apare în markup-ul final.
Să aplicăm o condiție pe acest tag:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Să presupunem că aveți trei paragrafe și un buton. Faceți ca la click pe buton aceste paragrafe să se ascundă.
