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>

ধরুন আপনার কাছে তিনটি প্যারাগ্রাফ এবং একটি বাটন দেওয়া আছে। বাটনে ক্লিক করলে এই প্যারাগ্রাফগুলি লুকিয়ে যাওয়ার ব্যবস্থা করুন।