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:
<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:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Faraz qiling, sizda uchta abzats va tugma berilgan. Tugma bosilganda ushbu abzatslar yashirinishi uchun sozlang.