The Trick to Understanding Scoped Slots in Vue.js

[@BsiennKhan]

I have already seen 3 veidos on scoped slots and this is THE ONE that made it all clear in a very simple way. Anyone who disliked the video, I wish you spill salt instead of sugar in your tea.

[@guilleagudelo]

That guy has a teaching gift

[@matthewhausman]

agreed, second part is a bit much though XD

[@fvbixn]

I am using vue for long now and did so many apps in it. Never understood scoped slots, and all tutorials & blog articles trying to explain it weren't working. Finally, it makes sense. Thank you Adam!

[@nadeemkh100]

Man One of the best videos I have ever watched for explaining scoped slots in an easy way. Thanks a lot mate.

[@andrewking1173]

Omg you explained this so well, scoped slots are one of the most confusing things to follow on a first impression. Thanks!!

[@adarshmihir74]

Wonderful explanation on a quite difficult and confusing topic in Vue. That helped me a lot, thank you mate

[@supertrillo]

This explanation is so beautiful. Thank you!!!

[@ni_kabiu_john]

WWOOOOOOOOWWWW why were you not my lecturer..?????? well explained .. even tells you every possibilities and explains errors.. WELL MADE VIDEO TUTORIAL.. STRONG EMOJI STRONG EMOJI

[@cadexgenomics3215]

Best explanation on this subject I have seen! Very nice work Adam.

[@jemetz1818]

Fantastic explanation. Clear and concise especially with the comparison. What is the use case of scoped slots however? In the example I’m not sure I understand why it would be useful to pull props up the the parent

[@mahmoudzakria6946]

That's the quite right question!

[@yesayasoftware]

Thank you so much Adam. Your a good presenter and teacher. Your making the complex logic understandable in a simple approach. I like the way your fluently explaining these details. Definitely, I cant wait for the course to learn more. Thanks.

[@sandrodentella]

Very clear explanation. I have been looking for quite a lot of time for such an effective explanation on scoped slots. The other that is very effective... is again from you and is on renderless components!

[@redfox05nl]

@sandrodentella do you have a link? I tried to look for the renderless component video, can't find it.

[@kelvin513]

Just found that the ‘slot-scope’ and ‘slot’ attribute is deprecated, and will not be supported in Vue 3. But this video explain the slot-scope very clear. Thanks a lot!

[@bm2ilabs]

You dazzle me every time with this tips, thanks for the tutorial, Can't wait for the advancevue course

[@ricklove8358]

best explanation so far

[@carlosync]

What theme are you using on vs code?

[@paz1359]

Mesmerizing explanation ❤️

[@igorl.vicente7275]

That really made easier to understand what I thought was so complicated.

[@sixkiller9240]

Every tip of Adam just blows my mind! Keep rocking!

[@ricklove8358]

you just got yourself a new subscriber

[@simonhunt9857]

Is there a way to pass from a child to a parent using scoped slots? For example, an html structure like this: Where is registered within the component rather than globally (or on the component) - which would make sense as you probably wouldn't ever need a sortable-list-handle outside of a sortable list. Out-of-the-box this throws an unregistered component error because the component doesn't know about precisely because it's being registered locally within the component.

[@OmarOnAWave]

what an AMAZING explanation !

[@AshanBoralugoda]

wow! this made it all so simple to understand!

[@superasn]

You're an amazing teacher Adam.. Finally I understand it. Also just checking but if you do won't it render html returned by the function too?

[@ceo-s]

The best explanation. Thanks

[@umitdemir3741]

This video is very helpful and your explanation is great. Thank you

[@charlesyin3818]

Very clear, great video. BTW: what's the name of your color theme? It looks awesome

[@MihkelMark]

Epic. Well explained. 💯

[@serendip9473]

perfect, Thank you.

[@lucratricks]

whats the css framework you used for the contact list component ?

[@4leep]

That's Tailwind, a CSS framework that Adam created. You can check it out at tailwindcss.com/

[@AdamWathan]

Yep Mads is right, Tailwind!

[@CherPsKy]

Very well explained, my man.

[@paladincubano]

Thanks Adam, nice explanation, I already bought the entire course, very useful. One question, what editor and theme are you using?

[@goodmans90]

Very well explained Adam!

[@josephang9927]

I love hoy you explain stuff.

[@kraeger]

Great explanation, crystal clear

[@abd_el_ouahab3824]

awesome expalantion ! 👌

[@2002budokan]

Great explanation, thank you.

[@KevinGarcia-jg9zs]

Thanks, I'll watch this again, and again, until I get it, unless you have other resources?

[@daviddaza2357]

What a genius. Thanks Adam!

[@andys4777]

thanks, it was just what i needed

[@dasten123]

Super excellent tutorial! Thank you very much!

[@adam192021]

The BEST as always!

[@habalgarmin]

Наконец-то стало понятно как это работает!

[@tribakzero]

This is interesting, but seems to me that you forgot to add a fallback in case they don't want to use a scoped slot on every instance, something like this: `{{ contact.name.first }} {{ contact.name.last }}`

[@narayanadhikary8833]

Thank You Very Much Brother

[@alexanderkim7241]

slot-scope is deprecated.

[@AdamWathan]

This video is almost two years old. The feature still works just the syntax has changed.

[@kamilblack3346]

The "slot" and "slot-scoped" are depracated in 2.6.0+, but both attributes will continue to be supported in all future 2.x releases, but are officially deprecated and will eventually be removed/was removed in Vue 3.

[@CarlosContreras-hh1xe]

Thank you!

[@nyambe]

Beyond awesome 😎

[@rolikaseventysix]

Brilliant, thx

[@christianmartinez2179]

A scoped slot is conceptually just a callback No wonder it looked so familiarly messed up **flashbacks**

[@leeboyin945]

scoped slots: a way for passing data from child components to their parent component

[@RabbitWerksJavaScript]

FullStack Radio!

[@aukhianteosi9729]

They should put this in the tutorial

[@grantholle]

👏👏👏👏👏

[@mikeziri]

powerfull!

[@VGameJunkies]

this is fucking awesome

[@yitan4142]

the video is smart

[@longbo666]

深入浅出，由表及里

[@mrrolandlawrence]

tailwind and vue components were made for each other. so nice to ditch old fashioned bought components from different companies that all include so much baggage.

[@thewizardguy1337]

please. i love you. buy a pop filter for you mic !! =)

[@eotikurac]

this vue stuff is insanely complicated