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:

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

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