Betingede grupper i Vue

Noen ganger trenger vi å legge en betingelse på en hel gruppe av tags samtidig. I dette tilfellet kan vi gruppere dem sammen med en felles forelder og legge betingelsen på den:

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

Noen ganger ønsker vi ikke å gruppere taggene med en felles forelder. I dette tilfellet kan de grupperes med template-taggen. Denne taggen grupperer andre tagger, men vises ikke i den ferdige HTML-strukturen. La oss legge en betingelse på denne taggen:

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