Grup Bersyarat di Vue
Terkadang kita perlu menerapkan kondisi pada sekelompok tag sekaligus. Dalam kasus ini, kita dapat menggabungkannya dengan induk yang sama dan menerapkan kondisi padanya:
<template>
<div v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</div>
</template>
Terkadang kita tidak ingin menggabungkan tag-tag
dengan induk yang sama. Dalam hal ini,
mereka dapat digabungkan dengan tag template.
Tag ini menggabungkan tag lain,
tetapi tidak muncul dalam markup akhir.
Mari kita terapkan kondisi pada tag ini:
<template>
<template v-if="isAuth">
<p>+++</p>
<p>+++</p>
<p>+++</p>
</template>
</template>
Misalkan Anda memiliki tiga paragraf dan sebuah tombol. Buatlah agar ketika tombol ditekan, paragraf-paragraf ini tersembunyi.
