Built-in Special Elements

Denotes slot content outlets in templates.

The element can use the name attribute to
specify a slot name. When no name is specified,
it will render the default slot. Additional
attributes passed to the slot element will be
passed as slot props to the scoped slot defined
in the parent.

The element itself will be replaced by its
matched slot content.

<BaseLayout>
  <template v-slot:header>
    <!-- content for the header slot -->
  </template>
</BaseLayout>

<BaseLayout>
  <template #header>
    <h1>Here might be a page title</h1>
  </template>

  <template #default>
    <p>A paragraph for the main content.</p>
    <p>And another one.</p>
  </template>

  <template #footer>
    <p>Here's some contact info</p>
  </template>
</BaseLayout>