Voorwaardelijke groepen in Vue
Soms moeten we een voorwaarde leggen op een groep tags tegelijk. In dat geval kunnen we ze samenvoegen onder een gemeenschappelijke ouder en de voorwaarde daarop leggen:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
Soms willen we de tags niet samenvoegen
onder een gemeenschappelijke ouder. In dat geval
kunnen ze worden samengevoegd door de template tag.
Deze tag groepeert andere tags,
maar verschijnt niet in de uiteindelijke opmaak.
Laten we een voorwaarde op deze tag leggen:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Stel dat je drie alinea's en een knop hebt. Zorg ervoor dat bij het klikken op de knop deze alinea's worden verborgen.
