# slot 插槽
* 在靜態頁面中簡單的傳遞可能就需要使用到slot插槽的功能
* 我們在模版中箱放入要置入的插槽位置
```htmlembedded=
<template>
<h1>
<img src="../assets/logo.png" alt="" />
<!-- 插巢位置 -->
<slot>></slot>
</h1>
</template>
```
* 在要放入別的模板內容(若有駱駝峰命名請以-分開做小寫 )
```javascript=
import SlotsTitle from "@/components/SlotsTitle.vue";
```
> 引用時因為 SlotsTitle 命名 所以必須要分開並小寫顯示
```htmlembedded=
<template>
<slots-title>
<h1>123 slots</h1>
</slots-title>
</template>
```