Podmienené skupiny vo Vue

Niekedy potrebujeme aplikovať podmienku naraz na skupinu tagov. V tomto prípade ich môžeme spojiť spoločným rodičom a aplikovať podmienku naň:

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

Niekedy by sme nechceli spájať tagy spoločným rodičom. V tomto prípade ich môžeme spojiť tagom template. Tento tag spája iné tagy, ale neobjaví sa vo výslednom layoute. Aplikujme podmienku na tento tag:

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