We preview the table we'll be building in this course, show the component that inspired it, and show how to best prepare for the course.
Today we’re going to take an in depth look at dynamically named slots by creating a table component -- inspired by Vuetify's v-data-table component -- that can be reused with different data sets. The goal is to allow for easy column-specific data customization, so this one component can be used for many different tables.
In order to do this course, we recommend a general understanding of slots. You can learn about them in our previous course, “Advanced Component - Slots I” or through the Vue documentation.
Starter code can be found here
Once you’ve cloned the repository, make sure to update yarn or npm. From there, run yarn serve
or npm run dev
and you’re ready to go!