Vibe Coding Forem

Enjoy the Vue

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

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