Условные группы в Vue

Иногда нам нужно наложить условие сразу на группу тегов. В этом случае мы можем объединить их общим родителем и наложить условие на него:

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

Иногда нам не хотелось бы объединять теги общим родителем. В этом случае их можно объединить тегом template. Этот тег объединяет другие теги, но не попадает в итоговую верстку. Давайте наложим условие на этот тег:

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