Grupy warunkowe w Vue
Czasami musimy nałożyć warunek od razu na grupę tagów. W tym przypadku możemy połączyć je wspólnym rodzicem i nałożyć warunek na niego:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
Czasami nie chcielibyśmy łączyć tagów
wspólnym rodzicem. W tym przypadku
można je połączyć tagiem template.
Ten tag łączy inne tagi,
ale nie trafia do wynikowego kodu.
Nałóżmy warunek na ten tag:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Załóżmy, że masz dane trzy akapity i przycisk. Spraw, aby po naciśnięciu przycisku te akapity były ukrywane.