Latihan 1: Fetching Data — Vue

Latihan 1 dari materi Fetching Data di Vue — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Starter-nya sudah punya const loading = ref(true) dan <p id="status">{{ loading ? "Memuat..." : "Data siap!" }}</p>; keduanya tetap. Matikan loading begitu komponen tampil:

  1. Di bawah loading, tulis onMounted(() => { ... }).
  2. Di dalamnya, isi loading.value = false.

Yang dicek:

Di aplikasi sungguhan, baris itu datang sesudah await fetch(...) selesai. Di sini belum ada server, jadi yang dilatih tempatnya: onMounted.

Hint