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?

"Your series has really helped... even for seasoned developers!"

—D Durham

"Quality tutorial, thanks a lot!"

—Jay Pick

"Thank you, this video helped me a LOT"

—exception360

"I spent all evening doing Nuxt registration. I wish I had've spotted this video sooner. 🤦🏻‍♂️. Excellent and clear tutorial. Thank you!"

—Si D

Take your career to the next level