Episode 31: Navigating Scoped Slots
Welcome to Enjoy the Vue! On today’s episode we are discussing Scoped Slots! Ben is here to help us gain a better, less frightening understanding of them. We start out by explaining Slots, Scoped Slots, and Slot props. Tessa and Ari bring up questions to Ben throughout the episode and he gives advice and guidance on what to do. Download this episode now to make your way through Scoped Slots without fear!
Sponsored By:
Show Notes
[00:02:17] Before we get into Scoped Slots, Ari, Tessa, and Ben explain what Slots are first, for those who never used it before
[00:04:35] Tessa and Ari tell us what Scoped Slots are to them. Ben goes into the select drop down menu, uses a library book analogy, and explains the concept of slot props.
[00:10:00] Tessa poses a question to Ben about if the child can show the parents the child’s data, but the parents can’t mutate it or if the child has to specify which parts of its data the parents can access a mutate.
[00:16:38] Tessa asks Ben about how to restyle with a string and Ben tells her what to do.
[00:25:09] Tessa asks Ben if it’s possible or not possible to access the scoped plot data in the script tag. Also, Ben lets us know what kind of components he is in favor of.
[00:27:47] Tessa tells Ben her takeaway on a use case and wants Ben to tell her if it’s right or wrong.
[00:32:54] Ari tells us where she always gets tripped up and it has to do with the difference in mental model.
[00:38:34] Tessa wants to know if dollar sign slots or children not reactive and does it have to be observed in some kind of deep way? Also, what kind of caveat do we have to be aware of when we’re working with slots in the JavaScript part of the single slot component?
[00:42:30] Tessa gives us an update on an old GitHub issue on dollar sign slot.
Picks of the week:
[00:43:05] Ben has two picks: a game on Steam called Littlewoods and Bearaby Weighted Blanket.
[00:45:39] Tessa has two picks: several drawing apps on Android, IOS & iPadOS, and Mac/Windows and The Umbrella Academy-Season 2 (Netflix).
[00:46:41] Ari has two picks: Pure Beech (Satin Finish) Sheets and a movie called, It’s a Disaster.
Sponsor:
Honeybadger
Resources mentioned:
Slots
Scoped Slots
Littlewood-Steam
Bearaby Weighted Blanket
LayerPaint-Android
LayerPaint HD-Android
Clip Studio Paint for iPad
Ibis Paint (App store)
FireAplaca (Mac and Windows)
The Umbrella Academy (Netflix)
Pure Beech Sateen Sheet Set (Bed Bath & Beyond)
It’s a Disaster- Hulu
It’s a Disaster - Amazon Prime Video