Latihan 2: List Rendering — Vue

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

Kode awal sudah punya siswa (tiga object dengan properti nama: Ani, Budi, Cici) dan <ol id="daftar">, biarkan. Di dalam <ol>, ganti komentar TODO dengan satu <li> yang diulang:

  1. Taruh v-for="(s, index) in siswa" dan :key="index" di <li>.
  2. Isi <li> cuma nama siswanya: <li v-for="(s, index) in siswa" :key="index">{{ s.nama }}</li>.

Yang dicek:

Hint