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>

Сізде үш абзац және батырма берілген делік. Батырманы басқан кезде бұл абзацтар жасырылатын етіп жасаңыз.