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)