Kumpulan Bersyarat dalam Vue
Kadang-kadang kita perlu mengenakan syarat pada sekumpulan tag sekaligus. Dalam kes ini, kita boleh menggabungkannya dengan induk yang sama dan mengenakan syarat padanya:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
Kadang-kadang kita tidak mahu menggabungkan tag
dengan induk yang sama. Dalam kes ini,
mereka boleh digabungkan dengan tag template.
Tag ini menggabungkan tag lain,
tetapi tidak muncul dalam hasil halaman akhir.
Mari kita kenakan syarat pada tag ini:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Anda mempunyai tiga perenggan dan satu butang. Buat supaya apabila butang ditekan, perenggan-perenggan ini disembunyikan.
