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

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

App.vue<template>
    <div v-if="isAuth">
        <p>+++</p>
        <p>+++</p>
        <p>+++</p>
    </div>
</template>

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

App.vue<template>
    <template v-if="isAuth">
        <p>+++</p>
        <p>+++</p>
        <p>+++</p>
    </template>
</template>