Podmíněné skupiny ve Vue

Někdy potřebujeme aplikovat podmínku hned na skupinu tagů. V tomto případě je můžeme spojit společným rodičem a aplikovat podmínku na něj:

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

Někdy bychom nechtěli spojovat tagy společným rodičem. V tomto případě je lze spojit tagem template. Tento tag spojuje ostatní tagy, ale nedostane se do výsledného kódu. Aplikujme podmínku na tento tag:

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