პირობითი ჯგუფები 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>

დაე, თქვენ გაქვთ მოცემული სამი აბზაცი და ღილაკი. გახადეთ ისე, რომ ღილაკზე დაჭერისას ეს აბზაცები დაიმალოს.