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>

Сизде үч абзац жана баскыч бар деп коёлу. Баскычты басканда, бул абзацтар жашыруун болушун жасаңыз.