[[name属性 (HTML)|name属性]]のある[[スロットアウトレット (Vue)|スロットアウトレット]]
```html
<div>
<slot name="header" />
</div>
```
上記 `CustomComponent.vue` を利用するには以下のようにする。
```html
<CustomComponent>
<template #name>
...
</template>
</CustomComponent>
```
> [!info]
> [[name属性 (HTML)|name属性]]のない[[スロットアウトレット (Vue)|スロットアウトレット]]は `default` という名前になる。