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>

Сизда учта абзац ва тугма берилган деб фараз қилайлик. Тугмани босганда бу абзацлар бекинсинган қилинг.