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>