Vue Formulare & Validierung
v-model, Formularverarbeitung, Input-Typen, Formularvalidierung, VeeValidate, Zod, Yup, benutzerdefinierte Validatoren
1Was ist v-model in Vue?
Was ist v-model in Vue?
Antwort
v-model erstellt ein Two-Way-Binding zwischen einem Formularelement und reaktiven Daten. Es synchronisiert den Input-Wert automatisch mit der zugehörigen Variable und macht das manuelle Schreiben von Wertebindung und Event-Listenern überflüssig. Diese Direktive ist der Standardweg, um Formulare in Vue zu handhaben.
2Was ist das Äquivalent von v-model mit v-bind und einem Event-Listener?
Was ist das Äquivalent von v-model mit v-bind und einem Event-Listener?
Antwort
v-model ist syntaktischer Zucker für die Kombination aus v-bind:value (oder :value), das den Wert bindet, und @input, das auf Änderungen reagiert. Diese Kombination hilft zu verstehen, wie v-model intern funktioniert, und ist nützlich, wenn eine feinere Kontrolle über Aktualisierungen erforderlich ist.
3Welcher v-model-Modifikator sollte verwendet werden, um den Wert erst zu synchronisieren, nachdem der Benutzer das Feld verlassen hat?
Welcher v-model-Modifikator sollte verwendet werden, um den Wert erst zu synchronisieren, nachdem der Benutzer das Feld verlassen hat?
Antwort
Der .lazy-Modifikator ändert das Verhalten von v-model, sodass es auf das change-Ereignis statt auf input reagiert. Die Synchronisation erfolgt beim Blur statt bei jedem Tastendruck. Dies ist nützlich, um häufige Aktualisierungen zu reduzieren und die Leistung bei Feldern mit aufwendiger Validierung zu verbessern.
Welcher v-model-Modifikator wandelt die Eingabe automatisch in eine Zahl um?
Wie funktioniert v-model mit einer einzelnen checkbox?
+17 Interview-Fragen
Weitere Vue.js / Nuxt.js-Interviewthemen
JavaScript-Grundlagen
Modernes JavaScript (ES6+)
Vue-Grundlagen
Vue-Komponenten
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Vue-Reaktivität
Nuxt-Grundlagen
Nuxt Data Fetching
Nuxt SSR & SSG
Nuxt Server-Routes
Nuxt-Module
Vue Composables
Nuxt State Management
Vue-Testing
Nuxt-Deployment & CI/CD
Vue-Performance
Fortgeschrittene Vue-Patterns
TypeScript mit Vue
Nuxt-Authentifizierung
SEO mit Nuxt
Nuxt-Internationalisierung
Vue-Architektur
Nuxt-Sicherheit
Vue-Ökosystem
Migration Vue 2→3 & Nuxt 2→3
Meistere Vue.js / Nuxt.js für dein nächstes Interview
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten