Episode 31: Navigating Scoped Slots - a podcast by The Enjoy the Vue Team

Sponsored By:Show Notes
[00:02:26]Before we get into Scoped Slots, Ari, Tessa, and Ben explain what Slots are first, for those who never used it before
[00:04:45]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:56]Tessa asks Ben about how to restyle with a string and Ben tells her what to do.
[00:25:30]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:28:40]Tessa tells Ben her takeaway on a use case and wants Ben to tell her if it’s right or wrong.
[00:33:32]Ari tells us where she always gets tripped up and it has to do with the difference in mental model.
[00:38:51]Tessa wants to know if $slots and/or its children are 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 file component?
[00:42:06]Tessa gives us an update on an old GitHub issue on $slots.
Picks of the week:[00:43:17] Ben has two picks: a game on Steam called Littlewoods and Bearaby Weighted Blanket.[00:45:57] Tessa has two picks: several drawing apps on Android, IOS&iPadOS, and Mac/Windows and The Umbrella Academy-Season 2 (Netflix).
[00:46:49]Ari has two picks: Pure Beech (Satin Finish) Sheets and a movie called, It’s a Disaster.
Sponsor:Honeybadger (https://www.honeybadger.io/)
Resources mentioned:Slots (https://vuejs.org/v2/guide/components-slots.html)
Scoped Slots (https://vuejs.org/v2/guide/components-slots.html#Scoped-Slots) Littlewood-Steam (https://store.steampowered.com/app/894940/Littlewood/)
Bearaby Weighted Blanket (https://bearaby.com/)LayerPaint-Android (https://play.google.com/store/apps/details?id=org.nattou.www.layerpaint)
LayerPaint HD-Android (https://play.google.com/store/apps/details?id=org.nattou.layerpainthd)Clip Studio Paint for iPad (https://apps.apple.com/us/app/clip-studio-paint-for-ipad/id1262985592)
Ibis Paint (App store) (https://apps.apple.com/us/app/ibis-paint/id441179131)FireAplaca (Mac and Windows) (https://firealpaca.com/)
The Umbrella Academy (Netflix) (https://www.netflix.com/title/80186863)Pure Beech Sateen Sheet Set (Bed Bath&Beyond) (https://www.bedbathandbeyond.com/store/product/pure-beech-reg-100-modal-sateen-sheet-set/3257516)
It’s a Disaster- Hulu (https://www.hulu.com/movie/its-a-disaster-709a417a-0d50-4c4c-8ab0-1429fbee238a?d=Gracenote&cmp=rt_where_to_watch&content_id=614016)
It’s a Disaster - Amazon Prime Video (https://www.amazon.com/gp/product/B00BYCX1O0/ref=pv_ag_gcf?cmp=rt_where_to_watch)

Further episodes of Enjoy the Vue

Further podcasts by The Enjoy the Vue Team

Website of The Enjoy the Vue Team