Comparing Solutions - VueScreencasts

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

3:20 | Published on 2/7/2020 |
|

Chapter 1 of 5 in Advanced Components: Slots

Comparing Solutions

Which of our two solutions are better?

The Scoped Slots solution is much shorter, while the Named Slots solution is a bit more clear and has less repetition.

Important to remember: although these two solutions use different techniques, the techniques are not either/or - they are often used together, and in Slots II and beyond we will usually be using both.

What do others think of VueScreencasts?

"Awesome video!"

—Doïc de Maleprade

"EXCELLENT video series so far!"

—D Durham

"great explanation! thank you!!!"

—Elizaveta Voloskova

"👍👍👍👍Great"

—Muhammed Owais

Take your career to the next level