Latihan 2 dari materi Lifecycle Hooks di Vue — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Starter-nya sudah punya const waktu = ref("") dan <p id="waktu">{{ waktu }}</p>; keduanya tetap.
Panggil onMounted dengan sebuah fungsi.
Di dalamnya, isi waktu.value dengan "Dimuat pada: " + new Date().toLocaleTimeString().
Yang dicek:
Ada <p id="waktu">.
Kodenya memanggil onMounted( dan memakai toLocaleTimeString.
Setelah komponen dimuat, #waktu memuat teks Dimuat pada:.
Jamnya ikut format bahasa browser, misalnya 10.15.30; yang dicek cuma awalannya.
Hint
Isi ref di dalam onMounted, supaya teksnya diisi tepat setelah komponen terpasang, dan template-nya ikut berubah.
Panggil onMounted dengan arrow function. Di dalamnya, isi waktu.value dengan teks Dimuat pada: lalu spasi, disambung jam dari new Date().toLocaleTimeString().
