Mengubah Teks saat Toggling di Vue
Mari kita buat agar saat menampilkan/menyembunyikan pada tombol tertulis teks operasi yang akan dilakukan tombol pada saat ini. Untuk ini kita perlu menggunakan operator ternary sebagai berikut:
<template>
<button @click="toggle">
{{ visible ? 'hide' : 'show' }}
</button>
</template>
Diberikan tiga paragraf dan tiga tombol. Buatlah agar setiap tombol menampilkan/menyembunyikan paragrafnya sendiri dan pada saat yang sama mengubah teksnya dengan cara yang sesuai.