Uslovne grupe u Vue
Ponekad nam je potrebno da primenimo uslov na grupu tagova odjednom. U ovom slučaju možemo da ih objedinjujemo zajedničkim roditeljskim elementom i primenimo uslov na njega:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
Ponekad ne bismo želeli da objedinimo tagove
zajedničkim roditeljem. U ovom slučaju
mogu se objediniti tagom template.
Ovaj tag objedinjava druge tagove,
ali ne ulazi u konačni izgled stranice.
Hajde da primenimo uslov na ovaj tag:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Neka su vam data tri pasusa i dugme. Uredite tako da klikom na dugme ti pasusi budu sakriveni.