Scoped Slots and Slot Props

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

5:09 | Published on 2/7/2020 |
|

Chapter 1 of 5 in Advanced Components: Slots

Scoped Slots and Slot Props

This feature lets our slots use information that's in our component.

Very useful!

Although we are using it as an 'alternative' technique to named props for this one situation, it is very common to use both together, and in Slots II and later courses we will do that.

What do others think of VueScreencasts?

"Thank you, this video helped me a LOT"

—exception360

"Thank you for the lesson. I could not solve the problem with middleware in any way, but now everything fell into place."

—Адам Янг

"I am happy to find your video, really amazing. I am excited to hear from you the next one. Thanks a lot."

—Azri Ridha

"just started following along on your journey, great start... keep up the good work"

—Alison Smith

Take your career to the next level