Grupy warunkowe w Vue

Czasami musimy nałożyć warunek od razu na grupę tagów. W tym przypadku możemy połączyć je wspólnym rodzicem i nałożyć warunek na niego:

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

Czasami nie chcielibyśmy łączyć tagów wspólnym rodzicem. W tym przypadku można je połączyć tagiem template. Ten tag łączy inne tagi, ale nie trafia do wynikowego kodu. Nałóżmy warunek na ten tag:

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