Introduction - Why Active Learning, and how to set up for the exercises (setting up is easy)
2:35
Basic Slots
3:41
VSRating Component
2:58
Named Slots - how to have two slots in one component
3:20
Exercise 1 - Half-filled Slot
1:59
Exercise 1 Answer
0:59
Exercise 2 - Rounded Ratings
0:27
Exercise 2 Answer
1:42
Exercise 3 - Max Rating
0:36
Exercise 3 Answer
0:33
Scoped Slots and Slot Props
5:09
Exercise 4 - Half-Filled, Again
0:23
Exercise 4 Answer
1:27
Exercise 5 - Feature Parity
0:49
Exercise 5 Answer
0:28
Comparing Solutions
3:20
The Let Component
3:28
Exercise 6 - Double Let
0:29
Exercise 6 Answer
1:51
Conclusion
0:59
0% done with Advanced Components - Slots I

Chapter 1 of 5 in Advanced Components: Slots
Comparing Solutions

Which of our two solutions are better?

The Scoped Slots solution is much shorter, while the Named Slots solution is a bit more clear and has less repetition.

Important to remember: although these two solutions use different techniques, the techniques are not either/or - they are often used together, and in Slots II and beyond we will usually be using both.

What do others think of VueScreencasts?
"You're a blessing my dude. Thank you so much for this!"
—elmo
"Excellent video!"
—Kenneth Solberg
"Excellent series! Will definitively follow!"
—Lars Sørensen
"Great vídeo and an interesting approach"
—joão Petinga
Take your career to the next level