This is an excerpt of my course, Reusable Components, which will be released on November 3!
Scoped slots are one of the trickiest things to understand in Vue.
And once you've wrapped your head around the syntax and how data is passed through you aren't finished. Knowing when to put them in your own components is even more difficult!
But that's what Inversion — the 4th level of reusability — is all about.
Inversion uses scoped slots quite heavily, so in this lesson we'll be diving deep into scoped slots to understand how they work.
You'll see how thinking about slots as functions can make it much easier to see what's really going on.
This is from Module 5 of Reusable Components. Check out the course page for more details on what's included in the course!
Most Popular
The 6 Levels of Reusability
June 2020
We all want to write less code, but get more done. To make this happen, we build our components so they can be reused more than just once.
The Underdog Framework
January 2020
If React is so much more popular than Vue, wouldn't it be better to just stick with that? There are 3 specific things here I'd like to cover: 1. Growth of the framework itself (innovation) 2. Career opportunities 3. Ease of learning/getting better
The Most Important Feature in Vue
November 2019
I've said it before and I'll say it again: Computed properties are the most important feature in Vue. Sure, scoped slots let you create some nice abstractions and watchers are useful too. But I don't think anything comes close to how valuable computed props are.
