Pogojne skupine v Vue

Včasih moramo pogoj uporabiti takoj na skupini oznak. V tem primeru jih lahko združimo s skupnim staršem in nanj uporabimo pogoj:

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

Včasih ne želimo združiti oznak s skupnim staršem. V tem primeru jih lahko združimo z oznako template. Ta oznaka združuje druge oznake, vendar ne vstopi v končno postavitev. Uporabimo pogoj na tej oznaki:

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