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?

"Amazing!"

—Erika Kim

"Thanks man, cool video"

—Kirill Baryba

"I didn't even think about passing functions down through props to use dynamically until you got there. Another great video, Jeff."

—sdguy 1

"As always thanks for the great content."

—Paurakh Sharma Humagain

Take your career to the next level