LEARNING BY VUEING

Named slots
35 / 42

Your components can also have more than one slot thanks to named slots.

In this case, the default slot is the main content while header and footer are named slots. VPage.vue defines named slots by attaching the name attribute to a slot.

A shorthand for v-slot: is #. Try replacing v-slot:header with #header.

Note: If you prefer to be specific about the default slot you can wrap it in <template v-slot:default>