javascript / intermediate
Snippet
Mehrfache v-model Bindungen
Vue 3 ermöglicht es Komponenten, mehrere v-model-Bindungen zu haben, indem Argumente an die Direktive übergeben werden. Jedes v-model ist einem spezifischen Prop zugeordnet und löst ein entsprechendes Update-Event aus, was eine saubere Synchronisation komplexer Datenobjekte ermöglicht.
snippet.js
1
2
3
4
<UserNamev-model:firstName="first"v-model:lastName="last"/>
vue
Erklärung
1
v-model:firstName="first"
Bindet das 'firstName'-Prop und hört automatisch auf das vom Kind ausgelöste 'update:firstName'-Event.