Vue 2.6 Slots - Basic, Named, and Scoped Slots - Making better, more flexible Components

Components with slots are way more flexible than props-only components.

This tutorial shows how to use VueJS’s slots feature, including how to use named slots and scoped slots (with slot props). We use the Vue 2.6 syntax, which is significantly different than the deprecated Vue 2.5 syntax. The Vue 3.0 syntax may have some minor changes, but should be fairly similar.

0:00 Start
0:57 Slots vs Props
5:00 Basic Slots
8:28 Named Slots
14:39 Scoped Slots
18:25 Conclusion

The "Building a VueJS Screencasting App From Scratch" Playlist:    • Building a VueJS screencasting app fr...  

** Github Links **

Markdown Editor with slot: https://github.com/jeffreybiles/vue-s...
Named Slot to create footer: https://github.com/jeffreybiles/vue-s...
Scoped slots and slot props: https://github.com/jeffreybiles/vue-s...

** Find me online **

Twitter:   / vuescreencasts  
Site coming soon!

#VueJS #Slots #ScopedSlots #NamedSlots #Vue #Vue2.6 #Components #VueComponents