Latihan 2: Reactive Data — Vue
Latihan 2 dari materi Reactive Data di Vue — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Template-nya sudah ada, biarkan: <h2 id="salam">Halo, {{ nama }}!</h2>. Lengkapi script-nya:
- Di atas garis
---template---, simpan teks Dunia di nilai reaktif bernama nama: const nama = ref("Dunia").
- Isi ref-nya cuma kata
Dunia. Koma dan tanda seru sudah ditulis di template.
Yang dicek:
#salam berbunyi persis Halo, Dunia!.- Kodenya memanggil
ref(...) (atau reactive(...)).
Hint
- Template membaca nama, jadi nama harus ada di script sebagai data reaktif.
- Buat satu ref bernama nama di atas garis ---template---. Isinya cuma kata Dunia, karena tanda bacanya sudah di template.
- const nama = ref("Dunia")
