Voorwaardelike Groepe in Vue
Soms moet ons 'n voorwaarde plaas op 'n hele groep tags tegelyk. In hierdie geval kan ons hulle saamvoeg onder 'n gemeenskaplike ouer en die voorwaarde daarop toepas:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
Soms wil ons nie die tags onder 'n gemeenskaplike ouer
saamvoeg nie. In daardie geval
kan hulle saamgevoeg word met die template tag.
Hierdie tag groepeer ander tags,
maar verskyn nie in die finale uitleg nie.
Kom ons plaas 'n voorwaarde op hierdie tag:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Gestel jy het drie paragrawe en 'n knoppie. Sorg dat wanneer op die knoppie gedruk word, hierdie paragrawe wegsteek.
