Episode 55: New in Vue 3: Emits with Alex Riviere

Enjoy the Vue

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:

• Enjoy the Vue on Twitter
• Enjoy the Vue
• Alex Riviere on Twitter
• Alex Riviere on GitHub
• Alex Riviere on CodePen
• Alex Riviere Blog
• Anthony Alicea
• Ionic
• Vue 2 docs - Emitting a Value With an Event
• Vue 3 docs - Component Custom Events
• Learn and Understand NodeJS, Anthony Alicea (Udemy)
• In The Loop, Jake Archibald (JSConf.Asia)
• Tony and Chelsea Northrup
• Mediocre: The Dangerous Legacy of White Male America, Ijeoma Oluo
• Fire Emblem: Three Houses - Cindered Shadows DLC (Nintendo Switch)
• Mutual Aid Hub
• Manhunt Deadly Games
• Street Food Asia
• Obsidian

Support Enjoy the Vue