Υποθετικές Ομάδες στο 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>

Ας υποθέσουμε ότι έχετε τρεις παραγράφους και ένα κουμπί. Κάντε έτσι ώστε με το πάτημα του κουμπιού αυτές οι παράγραφοι να κρύβονται.