0 Tage Serie
javascript / beginner
Snippet

Eigene Events mit defineEmits deklarieren

Um Daten von einer Kind-Komponente an die Eltern-Komponente zurückzusenden, müssen die Events mit defineEmits deklariert werden.

snippet.js
javascript
1
2
3
4
5
6
7
<script setup>
const emit = defineEmits(['close', 'submit']);
function handleAction() {
emit('submit', { id: 1 });
}
</script>
vue
Erklärung
1
const emit = defineEmits(['close', 'submit']);
Definiert die spezifischen Events, die diese Komponente auslösen darf.
2
emit('submit', { id: 1 });
Löst das 'submit'-Event aus und übergibt ein Objekt als Nutzlast.