Betingede grupper i Vue
Nogle gange har vi brug for at anvende en betingelse på en hel gruppe af tags på én gang. I sådanne tilfælde kan vi samle dem under en fælles forælder og anvende betingelsen på den:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
Nogle gange ønsker vi ikke at samle tagsene
med en fælles forælder. I så fald
kan de samles med template-tagget.
Dette tag grupperer andre tags,
men bliver ikke en del af den endelige HTML-struktur.
Lad os anvende en betingelse på dette tag:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Antag, at du har tre afsnit og en knap. Gør således, at når der klikkes på knappen, skal disse afsnit skjules.
