Episode 55: New in Vue 3: Emits with Alex Riviere - a podcast by The Enjoy the Vue Team

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 (https://twitter.com/enjoythevuecast?lang=en)
- Enjoy the Vue (https://enjoythevue.io/)- Alex Riviere on Twitter (https://twitter.com/fimion?lang=en)
- Alex Riviere on GitHub (https://github.com/fimion)- Alex Riviere on CodePen (https://codepen.io/fimion/pens/popular)
- Alex Riviere Blog (https://alex.party/)- Anthony Alicea (https://twitter.com/anthonypalicea?lang=en)
- Ionic (https://ionicframework.com/vue)- Vue 2 docs - Emitting a Value With an Event (https://vuejs.org/v2/guide/components.html#Emitting-a-Value-With-an-Event)
- Vue 3 docs - Component Custom Events (https://v3.vuejs.org/guide/component-custom-events.html#event-names)- Learn and Understand NodeJS, Anthony Alicea (Udemy) (https://www.udemy.com/course/understand-nodejs)
- In The Loop, Jake Archibald (JSConf.Asia) (https://www.youtube.com/watch?v=cCOL7MC4Pl0)- Tony and Chelsea Northrup (https://www.youtube.com/channel/UCDkJEEIifDzR_2K2p9tnwYQ)
- Mediocre: The Dangerous Legacy of White Male America, Ijeoma Oluo (https://bookshop.org/books/mediocre-the-dangerous-legacy-of-white-male-america/9781580059510)- Fire Emblem: Three Houses - Cindered Shadows DLC (Nintendo Switch) (https://fireemblem.nintendo.com/three-houses/downloadable-content)
- Mutual Aid Hub (http://mutualaidhub.org)- Manhunt Deadly Games (https://www.rottentomatoes.com/tv/manhunt/s02)
- Street Food Asia (https://www.imdb.com/title/tt10050778/)- Obsidian (https://obsidian.md/)

Further episodes of Enjoy the Vue

Further podcasts by The Enjoy the Vue Team

Website of The Enjoy the Vue Team