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?

"As always thanks for the great content."

—Paurakh Sharma Humagain

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

—Si D

"Wow Im gonna follow your video tutorial journey :D"

—Mathias Jacobsen

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

—sdguy 1

Take your career to the next level