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?
"Wow Im gonna follow your video tutorial journey :D"
—Mathias Jacobsen
"Thank you."
—มะ ม๋า
"Thank you very much!!!!!!!"
—Idriss Jouid
"Thank you for putting in the effort to make these videos and share with all!"
—Ritika Singh
Take your career to the next level