VueScreencasts Courses Archive
Login/Register
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
3:20   |   Published on 2/7/2020   |     |  

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?
"Your series has really helped... even for seasoned developers!"
—D Durham
"Your tutorial is quite easy to understand."
—Koga2 Kuzengenki
"I’m enjoying your style, keep it up!"
—Sean B
"Excellent video!"
—Kenneth Solberg
Take your career to the next level