Groupes conditionnels dans Vue
Parfois, nous avons besoin d'appliquer une condition sur un groupe de balises entier. Dans ce cas, nous pouvons les regrouper sous un parent commun et appliquer la condition sur celui-ci :
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
Parfois, nous ne souhaitons pas regrouper les balises
sous un parent commun. Dans ce cas,
elles peuvent être regroupées par la balise template.
Cette balise regroupe d'autres balises,
mais n'apparaît pas dans le rendu final.
Appliquons une condition sur cette balise :
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Supposons que vous ayez trois paragraphes et un bouton. Faites en sorte qu'en cliquant sur le bouton, ces paragraphes soient masqués.
