Enjoy the Vue

Episode 55: What is Vue 3’s Emit Component Option? With Alex Riviere

Mar 29 '21

Key Points From This Episode:

Introducing today’s returning guest, Alex Riviere.
Today we ask: what is Vue 3’s emits component option?
What it means to pass a callback function as a prop.
Alex contrasts callbacks and promises.
The best way to consider what a callback is.
New offerings that come with Vue 3’s emits option.
Why emits options will be useful to editors and developers.
Alex tells us when and where you can find perfect conditions for passing on props.
Some limitations that come with the emits option.
How emit is evoked in Vue 2 versus and the changes that have come with Vue 3.
Stay tuned for this week’s top picks.

Tweetables:

“My understanding is that emitting in Vue is the way that you pass data from a child component to its parent. It allows you to create your own events and you can use it wherever you want to, in a component to emit some data backup to its parent.” — @fimion [0:03:23]
“I think, it may also be that you don't necessarily need the information directly from callbacks, but you need that information available for something else that would happen.” — @fimion [0:14:56]
“If you're looking at a Vue like a page, where all you care about is what the template layout of it is, I feel that's more important to be at the top than the script.” — @fimion [0:18:40]
“Since emit does not return a value, you can't actually run validations through emit.” — @fimion [0:33:12]

Resources mentioned:

Episode source