Гурӯҳҳои шартӣ дар Vue

Баъзан ба мо лозим аст, ки шартро ба якбора як гурӯҳи тегҳо татбиқ кунем. Дар ин ҳолат, мо метавонем онҳоро бо воситаи як волидаи умумӣ муттаҳид карда ва шартро ба он татбиқ кунем:

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

Баъзан мо намехоҳем тегҳоро бо воситаи як волидаи умумӣ муттаҳид кунем. Дар ин ҳолат, онҳоро метавон бо теги template муттаҳид кард. Ин тег дигар тегҳоро муттаҳид мекунад, вале худ ба верстаи ниҳоӣ дохил намешавад. Биёед шартро ба ин тег татбиқ кунем:

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

Фарз кунем, ки се абзас ва як тугма ба шумо дода шудааст. Чораеро бинигеред, ки пас аз пахш кардани тугма ин абзасҳо пинҳон шаванд.