Uploaded May 2021 | Updated September 2026, 14 minutes ago
Vue emit lets us emit, or send, custom events from a child component to its parent.
Each Vue Emit called has two parts:
1. The event name - this is any String name
2. A payload object - data that we want to pass with the event
There are a bunch of different ways to use Vue emit in your code, the three that I'll be covering we'll look at emitting inline events, using this.$emit, and finally context.emit.
Let me know what you want to see next in the comments!
//
FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS
learnvue.co/vue-3-essentials-cheatsheet
follow me on twitter:
twitter.com/mattmaribojoc
🚨 Like quick Vue lessons like these? Check out 800+ lessons over on Vue School - go.learnvue.co/vueschool
INTRO
Daily (Prod. by Lukrembo)
CHAPTERS
0:00 Introduction
0:26 How Vue Emit Works
1:00 Inline Emit
1:46 Emitting Events in the Options API
2:21 Emitting Events in the Composition API
3:05 Two Vue Emit Tips
Vue emit lets us emit, or send, custom events from a child component to its parent.
Each Vue Emit called has two parts:
1. The event name - this is any String name
2. A payload object - data that we want to pass with the event
There are a bunch of different ways to use Vue emit in your code, the three that I'll be covering we'll look at emitting inline events, using this.$emit, and finally context.emit.
Let me know what you want to see next in the comments!
//
FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS
learnvue.co/vue-3-essentials-cheatsheet
follow me on twitter:
twitter.com/mattmaribojoc
🚨 Like quick Vue lessons like these? Check out 800+ lessons over on Vue School - go.learnvue.co/vueschool
INTRO
Daily (Prod. by Lukrembo)
CHAPTERS
0:00 Introduction
0:26 How Vue Emit Works
1:00 Inline Emit
1:46 Emitting Events in the Options API
2:21 Emitting Events in the Composition API
3:05 Two Vue Emit Tips
