Latihan 1 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 const buah = ref(["Apel", "Mangga", "Jeruk"]) dan sebuah <ul>, biarkan. Di dalam <ul>, ganti komentar TODO dengan satu <li> yang diulang:
v-for="item in buah" dan :key="item" di <li>, bukan di <ul>.<li> cuma {{ item }}: <li v-for="item in buah" :key="item">{{ item }}</li>.Yang dicek:
<ul> berisi minimal 3 <li>.v-for dan :key.<li> pertama berisi persis Apel, dan <li> terakhir berisi persis Jeruk.<li> yang isinya diketik langsung (diawali huruf): semua lahir dari v-for.
