Условне групе у Vue

Понекад нам треба да применимо услов одмах на групу тагова. У том случају можемо их објединити заједничким родитељем и применити услов на њега:

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

Понекад не желимо да објединимо тагове заједничким родитељем. У том случају их можемо објединити тагом template. Овај таг обједињује друге тагове, али се не појављује у коначном изгледу странице. Применимо услов на овај таг:

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