Reusable Vue.js Components with Slots

In this course, you'll learn how to use slots and scoped slots to create flexible and reusable Vue.js components.

Slots allow us to pass components and HTML to components, giving us greater control of the appearance than what we get with props.

Slots do not replace props. The two features have different purposes.

During the course, you'll learn:

• When and how to use slots
• What scoped slots are
• How to work with dynamic named components
• How to compose components with reusable component patterns

Important!

This course uses Vue 2. While the slots API has changed slightly in Vue 3 many of the concepts taught in this course are the same.

View what's changed in the Vue 3 Docs Migartion Guide here and here.