Feltételes csoportok a Vue-ban
Néha feltételt kell alkalmaznunk egy csoport elemeire egyszerre. Ebben az esetben összevonhatjuk őket egy közös szülő elembe, és ráalkalmazhatjuk a feltételt:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
Néha nem szeretnénk közös szülővel
összefogni az elemeket. Ebben az esetben
összevonhatjuk őket egy template elemmel.
Ez az elem csoportosítja a többi elemet,
de nem jelenik meg a végeredményben.
Alkalmazzuk a feltételt erre az elemre:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Legyen három bekezdés és egy gomb. Állítsd be úgy, hogy a gomb megnyomására ezek a bekezdések elrejtődjenek.
