VueJs Named Slots
Using Named Slots
Named slots work similarly to single slots but instead allow you to distribute content to different regions within your child component template.
Take the page component from the previous example but modify it's template so it is as follows:
When using the page component we can now determine where content is placed via the slot
The resulting page will be:
If a slot is defined without a name attribute then any content which is placed within component tags not specifying a slot attribute will be placed into that slot.