Betingede grupper i Vue

Nogle gange har vi brug for at anvende en betingelse på en hel gruppe af tags på én gang. I sådanne tilfælde kan vi samle dem under en fælles forælder og anvende betingelsen på den:

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

Nogle gange ønsker vi ikke at samle tagsene med en fælles forælder. I så fald kan de samles med template-tagget. Dette tag grupperer andre tags, men bliver ikke en del af den endelige HTML-struktur. Lad os anvende en betingelse på dette tag:

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