Tingimuslikud rühmad Vue's
Mõnikord peame rakendama tingimust kohe tervele siltide rühmale. Sellisel juhul saame need ühendada ühise vanemaga ja rakendada tingimuse sellele:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
Mõnikord ei sooviks me silte ühendada
ühise vanemaga. Sellisel juhul
saab need ühendada template sildiga.
See silt rühmitab teisi silte,
kuid ei ilmu lõplikku märgistusse.
Rakendame tingimuse sellele sildile:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Oletame, et teil on kolm lõigu ja nupp. Seadke nii, et nupu vajutamisel need lõigud peituksid.