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?

"Saved me loads of time!!"

—Jack Simple

"Have looked at so many Vue.js tutorials, your videos are the best ones!"

—Nathan Yang

"Thanks for this series! Very helpful and good to follow."

—Raúl Wallaart

"Great tips great video thanks"

—Happyoe

Take your career to the next level