Условни групи във Vue

Понякога трябва да приложим условие веднага върху група от тагове. В този случай можем да ги обединим под общ родител и да приложим условието върху него:

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

Понякога не бихме искали да обединяваме таговете под общ родител. В този случай те могат да бъдат обединени от тага template. Този таг обединява други тагове, но не се появява в крайния HTML. Нека приложим условие върху този таг:

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