Latihan 2: Template Dasar — Vue
Latihan 2 dari materi Template Dasar di Vue — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal sudah punya const url = ref("https://vuejs.org"), biarkan. Di template, di bawah garis ---template---:
- Tambahkan link
<a id="link"> dengan teks Belajar Vue.
- Ikat
href-nya ke url dengan :href="url" (atau v-bind:href="url"). Jangan ketik alamatnya di atribut, dan jangan pakai href="{{ url }}".
Yang dicek:
- Ada elemen
#link.
#link berisi persis Belajar Vue.
- Kodenya memakai
:href="url" (atau v-bind:href="url").
href milik #link berisi https://vuejs.org, alamat dari url.
Hint
- Atribut yang nilainya datang dari data diikat dengan v-bind, supaya isinya dibaca dari variabel, bukan ditulis sebagai teks.
- Singkatan v-bind cuma titik dua di depan nama atribut. Buat a dengan id link, ikat href-nya ke url, lalu tulis teks Belajar Vue di dalamnya.
- <a id="link" :href="url">Belajar Vue</a>