Latihan 2: Apa itu Vue? — Vue

Latihan 2 dari materi Apa itu Vue? di Vue — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Tampilkan dua nilai reaktif:

Di script, di atas garis ---template---, buat const intro = ref("Saya belajar Vue!") dan const versi = ref("Vue 3").
Di template, di dalam <div> yang sudah ada, tambahkan  yang menampilkan {{ intro }} dan  yang menampilkan {{ versi }}.

ref sudah tersedia di editor. Baris import boleh ditulis seperti di proyek sungguhan, tapi gak wajib.

Yang dicek:

Hint

Teks yang tampil diambil dari data reaktif di script, lalu ditaruh di template lewat kurawal ganda.
Buat dua ref di script, intro dan versi. Di template, p dengan id intro berisi {{ intro }}, dan small dengan id versi berisi {{ versi }}.
const intro = ref("Saya belajar Vue!") dan const versi = ref("Vue 3"), lalu di dalam div: {{ intro }} {{ versi }}

</> { } .css => #id fn()

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…