Тёмный

Props and Emitters in Vue 3 (FULL TUTORIAL) 

VueReference
Подписаться 721
Просмотров 15 тыс.
50% 1

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: Brian@vuereference.com

Опубликовано:

 

16 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 32   
@BaronSixtyNine
@BaronSixtyNine 20 дней назад
Best tutorial video on 'props' and 'emitting' so far on RU-vid! Cheers
@SpiritualFacts
@SpiritualFacts 2 месяца назад
best tutorial on props and event emitters. thank you
@HongLe-jv1hy
@HongLe-jv1hy 5 месяцев назад
The way you explained is unparalleled. I watched 4 videos and they made things so confusing but your is on point!
@betaglot
@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! :)
@Sara-rs4oq
@Sara-rs4oq Год назад
Thank you so much for this tutorial! This is very helpful.🤩
@sotorius_27
@sotorius_27 Год назад
It is the best tutorial of Props and Emits, very clean. Thanks a lot
@sabarathiago
@sabarathiago 6 месяцев назад
Great video! Nice Job!
@perobeats
@perobeats Год назад
Explained very well 🎉
@HarutTarzyan
@HarutTarzyan 6 месяцев назад
thanks for easy and understanble tutorial
@zennamfan2663
@zennamfan2663 5 месяцев назад
Easy for understand, thanks!
@frigola21
@frigola21 2 месяца назад
one of the best explanations! thanks
@sergioalejandroservinarce3005
la mejor explicación hasta la fecha de los emits que he vistooooo
@ANILYADAV-jr8wl
@ANILYADAV-jr8wl 9 месяцев назад
your explanation is awesome😘😘😘
@codedjango
@codedjango Год назад
Awesome Vue3 tutorials ....thank you
@VueReference
@VueReference Год назад
Glad you found it useful!
@baonhat2kk
@baonhat2kk 10 месяцев назад
Great video ! You got my subcription
@andileaudry3332
@andileaudry3332 Год назад
Awesome thank you
@khashayarshomali
@khashayarshomali 11 месяцев назад
Great. I need it.
@neglasuleiman2355
@neglasuleiman2355 2 месяца назад
you are the best very short awesome explanations i like it
@tati_edits11
@tati_edits11 Год назад
thanks!
@mrmono4583
@mrmono4583 4 месяца назад
thanks my bro
@alexsilvanovich2579
@alexsilvanovich2579 Год назад
thank you, it's very useful!
@VueReference
@VueReference Год назад
absolutely!
@parsafarahani734
@parsafarahani734 Год назад
Thanks a lot
@VueReference
@VueReference Год назад
Anytime!
@veryhyped
@veryhyped Год назад
more videos please need more tutorials on vue
@VueReference
@VueReference Год назад
roger that
@samialachgar4145
@samialachgar4145 2 месяца назад
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
@WebdevPath
@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
@VueReference Год назад
You got it. Will be creating another wave of improvements soon. thanks!
@no4k
@no4k 6 месяцев назад
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
@neneodonkor 4 месяца назад
🤦🏾‍♂️🤦🏾‍♂️🤦🏾‍♂️🤦🏾‍♂️
Далее
A Better Way To Organize Components In Vue
10:10
Просмотров 18 тыс.
▼ЕГО БОЯЛИСЬ МОНГОЛЫ 🍣
32:51
Просмотров 451 тыс.
Vue 3 Composition API Tutorial #8 - Child Components
36:37
Vue just got SO MUCH better
4:06
Просмотров 42 тыс.
Are You Following This Vue Best Practice?
2:43
Просмотров 72 тыс.