Learn Vue JS course Learn Javascript and Vue JS Learn VueJS course Learn VueJS Tutorial

Reusable Vue.js Components with Slots

Learn how to master slots and scoped slots, to build flexible and reusable vue.js components.

🚧 PLEASE NOTE: You are browsing a Vue.js 2 course
  • 10 lessons
  • 44 min
  • Advanced
Illustration image of Reusable Vue.js Components with Slots

About the Reusable Vue.js Components with Slots course

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.