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?
"I spent all evening doing Nuxt registration. I wish I had've spotted this video sooner. 🤦🏻‍♂️. Excellent and clear tutorial. Thank you!"
—Si D
"Great channel."
—The Nerdy Dev
"Amazing!!!!! Need this so much!!!!!!"
—Nathan Yang
"Excellent video!"
—Kenneth Solberg
Take your career to the next level