Props and Emitters in Vue 3 (FULL TUTORIAL)

Passing props to child components and creating emitted events is a staple of functionality for Vue 3 components.
Using the composition API, we pass props containing data to a child. We also emit using a button from a child component to delete components.
This Vue 3 props tutorial gives you the basics for creating 2-way communication between your components with props and emitters.
0:00 - Introduction
0:31 - Starter Project
0:59 - Register a component
1:44 - Passing and defining a prop
3:09 - Passing Multiple props
6:54 - Printing out multiple components with data
8:17 - Creating emitters to delete cards
14:06 - Useful documentation for emitters and props
*** Join Free Course Waitlist ***
vuereference.com/free-course
*** Finished code ***
github.com/BrianDriscollCode/...
*** Get Starter Application to Follow Along ***
Create a folder then:
1. Copy into console:
git clone -b starter github.com/BrianDriscollCode/...
2. cd or open the folder that is created
3. Copy into console: npm install
4. Start application: npm run dev
** Vue 3 Documentation **
Props - vuereference.com/documentatio...
Emitted Events - vuereference.com/documentatio...
Ref and Reactive - vuereference.com/documentatio...
Event Handling - vuereference.com/documentatio...
** Professional Inquiries **
Email me: [e-mail]

[@neglasuleiman2355]

you are the best very short awesome explanations i like it

[@SpiritualFacts]

best tutorial on props and event emitters. thank you

[@HongLe-jv1hy]

The way you explained is unparalleled. I watched 4 videos and they made things so confusing but your is on point!

[@betaglot]

Great video! I love how you're just speaking normally, ie it doesn't sound like you're reading verbatim from a script like other Vue tutorials. Thank you, keep the videos coming!
:)

[@frigola21]

one of the best explanations! thanks

[@sergioalejandroservinarce3005]

la mejor explicación hasta la fecha de los emits que he vistooooo

[@sotorius_27]

It is the best tutorial of Props and Emits, very clean. Thanks a lot

[@HarutTarzyan]

thanks for easy and understanble tutorial

[@Sara-rs4oq]

Thank you so much for this tutorial! This is very helpful.🤩

[@ANILYADAV-jr8wl]

your explanation is awesome😘😘😘

[@codedjango]

Awesome Vue3 tutorials ....thank you

[@VueReference]

Glad you found it useful!

[@zennamfan2663]

Easy for understand, thanks!

[@perobeats]

Explained very well 🎉

[@thiaguinhu92]

Great video! Nice Job!

[@baonhat2kk]

Great video ! You got my subcription

[@khashayarshomali]

Great. I need it.

[@andileaudry3332]

Awesome thank you

[@alexsilvanovich2579]

thank you, it's very useful!

[@VueReference]

absolutely!

[@mrmono4583]

thanks my bro

[@tati_edits11]

thanks!

[@parsafarahani734]

Thanks a lot

[@VueReference]

Anytime!

[@samialachgar4145]

hi there thanks for the video can u please share with us the name of the extension that writes some stuff in red it seems helpful

[@veryhyped]

more videos please need more tutorials on vue

[@VueReference]

roger that

[@WebdevPath]

Hey. Great content about Vue!
I see you work only with composition API and on your site is a mix of Options API and Composition API. It would be great if there would be two separate documentations one for Options API and one for Composition API. I really like Vue but at the same time I also hate Composition API :)

[@VueReference]

You got it. Will be creating another wave of improvements soon. thanks!

[@no4k]

Good tutorial. Thank you. But I have what I hope is a little constructive criticism. It is a pet peeve of mine. The word is buTTon, not bu'en.

[@neneodonkor]

🤦🏾‍♂️🤦🏾‍♂️🤦🏾‍♂️🤦🏾‍♂️