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:

html<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:

html<template>
  <template v-if="isAuth">
    <p>+++</p>
    <p>+++</p>
    <p>+++</p>
  </template>
</template>