Form & Validasi Vue
v-model, penanganan form, tipe input, validasi form, VeeValidate, Zod, Yup, validator kustom
1Apa itu v-model di Vue?
Apa itu v-model di Vue?
Jawaban
v-model membuat two-way binding antara elemen form dan data reaktif. Ia secara otomatis menyinkronkan nilai input dengan variabel terkait, menghilangkan kebutuhan untuk menulis binding nilai dan event listener secara manual. Direktif ini adalah cara standar untuk menangani form di Vue.
2Apa ekuivalen dari v-model menggunakan v-bind dan event listener?
Apa ekuivalen dari v-model menggunakan v-bind dan event listener?
Jawaban
v-model adalah syntactic sugar untuk kombinasi v-bind:value (atau :value) yang mengikat nilai dan @input yang mendengarkan perubahan. Kombinasi ini membantu memahami cara kerja internal v-model dan berguna ketika diperlukan kontrol yang lebih halus atas pembaruan.
3Modifier v-model mana yang harus digunakan untuk menyinkronkan nilai hanya setelah pengguna meninggalkan field?
Modifier v-model mana yang harus digunakan untuk menyinkronkan nilai hanya setelah pengguna meninggalkan field?
Jawaban
Modifier .lazy mengubah perilaku v-model untuk mendengarkan event change alih-alih input. Sinkronisasi terjadi saat blur, bukan pada setiap penekanan tombol. Ini berguna untuk mengurangi pembaruan yang sering dan meningkatkan performa pada field dengan validasi yang mahal.
Modifier v-model mana yang secara otomatis mengonversi input menjadi angka?
Bagaimana cara kerja v-model dengan checkbox tunggal?
+17 pertanyaan wawancara
Topik wawancara Vue.js / Nuxt.js lainnya
Dasar-Dasar JavaScript
JavaScript Modern (ES6+)
Dasar-Dasar Vue
Komponen Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reaktivitas Vue
Dasar-Dasar Nuxt
Data Fetching Nuxt
SSR & SSG Nuxt
Server Routes Nuxt
Modul Nuxt
Composable Vue
Manajemen State Nuxt
Testing Vue
Deployment Nuxt & CI/CD
Performa Vue
Pola Lanjutan Vue
TypeScript dengan Vue
Autentikasi Nuxt
SEO dengan Nuxt
Internasionalisasi Nuxt
Arsitektur Vue
Keamanan Nuxt
Ekosistem Vue
Migrasi Vue 2→3 & Nuxt 2→3
Kuasai Vue.js / Nuxt.js untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis