Latihan 1 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 <p>Cek console</p> di template; biarkan tetap ada. Di bagian script, di atas garis ---template---:
Panggil onMounted dengan sebuah fungsi.
Di dalam fungsi itu, tulis console.log("Komponen dimuat!").
Gak perlu baris import: editor sudah menyediakan onMounted, dan baris import malah membuat semuanya gagal.
Yang dicek:
Ada elemen <p>.
Console memuat teks Komponen dimuat!.
Kodenya memanggil onMounted(, dan komentar gak dihitung.
Hint
onMounted menerima sebuah fungsi dan menjalankannya sekali, tepat setelah komponen terpasang di halaman.
Di atas garis template, panggil onMounted dengan arrow function. Di dalam kurung kurawalnya, tulis console.log dengan teks Komponen dimuat!.
