Episode 55: New in Vue 3: Emits with Alex Riviere
50:21 Share

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)