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>