Պայմանական խմբերը 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>

Ենթադրենք ձեզ տրված են երեք պարբերություն և կոճակ: Կատարեք այնպես, որ կոճակի վրա սեղմելիս այդ պարբերությունները թաքնվեն: