Latihan 1: Apa itu Vue? — Vue

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

Kode awal sudah benar, biarkan apa adanya:

const message = ref("Halo Vue!")

---template---
<h1>{{ message }}</h1>

Baca kodenya. Di atas garis ---template--- ada script yang menyimpan message di ref. Di bawahnya ada template yang menampilkan message lewat {{ message }}.
Tekan Run Test.

Yang dicek:

Hint

Kodenya sudah lengkap. Script menyimpan teksnya di data reaktif, template menampilkannya di dalam h1.
Kalau kamu sempat mengubahnya, kembalikan: satu ref bernama message di atas garis ---template---, dan satu h1 di bawahnya yang memakai {{ message }}.
const message = ref("Halo Vue!") lalu baris ---template--- lalu <h1>{{ message }}</h1>

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

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…