Vue-da shartli guruhlar

Ba'zan biz bir guruh teglarga shart qo'yishimiz kerak bo'ladi. Bunday holda biz ularni umumiy ota-ona bilan birlashtirib, unga shart qo'yishimiz mumkin:

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

Ba'zan biz teglarni umumiy ota-ona bilan birlashtirishni xohlamaymiz. Bunday holda ularni template tegi bilan birlashtirish mumkin. Ushbu teg boshqa teglarni birlashtiradi, lekin yakuniy layouthga kirmaydi. Keling, ushbu tegga shart qo'yamiz:

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