Betingede grupper i Vue
Noen ganger trenger vi å legge en betingelse på en hel gruppe av tags samtidig. I dette tilfellet kan vi gruppere dem sammen med en felles forelder og legge betingelsen på den:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
Noen ganger ønsker vi ikke å gruppere taggene
med en felles forelder. I dette tilfellet
kan de grupperes med template-taggen.
Denne taggen grupperer andre tagger,
men vises ikke i den ferdige HTML-strukturen.
La oss legge en betingelse på denne taggen:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Anta at du har tre avsnitt og en knapp. Gjør slik at når du klikker på knappen skal disse avsnittene skjules.
