Vue TutorialLesson 13Preview gratis
Vue v-model
Lesson ini bagian dari Vue · Semua level
Ringkasan
v-model adalah sintaks sugar untuk menggabungkan v-bind dengan v-on sehingga nilai sebuah data dan elemen form selalu sinkron dua arah. Ketika pengguna mengetik, data ikut berubah; ketika data diubah lewat kode, nilai tampilan pun ikut diperbarui. v-model dapat digunakan pada input, textarea, select, hingga komponen custom melalui modelValue dan update:modelValue.
Poin kunci
- v-model mengimplementasikan binding dua arah secara deklaratif.
- Secara internal v-model setara dengan :value plus @input.
- v-model mendukung modifier .lazy, .number, dan .trim.
- Pada komponen custom, v-model memakai props modelValue dan emit update:modelValue.
- v-model bekerja pada input, textarea, select, dan komponen.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.