<v/>
{ }
Vue.js · Vue 3 · Props · Emits · One-Way Data Flow
Vue Props, Emits und One-Way Data Flow
sauber halten – von Prop-Mutation bis v-model
sauber halten – von Prop-Mutation bis v-model
Props fließen nach unten, Emits fließen nach oben – der One-Way Data Flow in Vue.js ist kein Design-Dogma, sondern die Grundlage für vorhersehbares, debugbares Komponentenverhalten. Wer Props mutiert, baut Bugs, die erst unter Last oder bei komplexen Zustandsänderungen sichtbar werden.
14 Min. Lesezeit
defineProps · defineEmits · v-model · withDefaults · TypeScript
Vue 3 · Composition API · Single File Components
Inhaltsverzeichnis
- 1. One-Way Data Flow: Das Prinzip hinter Props und Emits
- 2. defineProps mit TypeScript: typsichere Props
- 3. Prop-Validierung: Typen, Required und Validator
- 4. Prop-Mutation: Warum sie gefährlich ist
- 5. defineEmits: Typsichere Ereignisse nach oben
- 6. v-model mit Komponenten: das update:modelValue-Pattern
- 7. Mehrfaches v-model und benannte Props
- 8. Objekte und Arrays als Props: Fallen und Muster
- 9. Props-Muster im Vergleich