Grupuri condiționale în Vue

Uneori avem nevoie să aplicăm o condiție imediat pe un grup de tag-uri. În acest caz le putem grupa cu un părinte comun și să aplicăm condiția pe el:

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

Uneori nu am dori să grupăm tag-urile cu un părinte comun. În acest caz ele pot fi grupate cu tag-ul template. Acest tag grupează alte tag-uri, dar nu apare în markup-ul final. Să aplicăm o condiție pe acest tag:

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