1. How do child components communicate back to parents in Vue?
Difficulty: EasyType: SubjectiveTopic: Components
Children emit custom events that parents listen to. In Vue 3, define emits for better type safety and dev warnings. Use $emit in Options API or the emit function from setup in the Composition API. Parents bind listeners with v-on/@.
Example code
// Child.vue (Vue 3)
<script>
export default {
emits: ['submit'],
methods: { onClick(){ this.$emit('submit', { ok: true }) } }
}
</script>
<!-- Parent.vue -->
<Child @submit="handleSubmit" />