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
Basic Slots

We show the most basic form of slot using the VSButton Component.

What do others think of VueScreencasts?
"Thank you! Really digging your videos!"
—Lars Sørensen
"Thank you for putting in the effort to make these videos and share with all!"
—Ritika Singh
"You saved my job just now."
—Shamim Hossain
"Excellent! Top Vue tutorials I've found."
—Igor Špánik
Take your career to the next level