# vue2 中使用 slot 插槽
## `#d`什么是slot
用于在组件中预留位置,在组件被使用的时候,可以在使用组件的地方将内容放置组件内

## `#e` 文本替换
> 下面示例用于在啊`link.vue`中预留一个插槽,  
> 用于在被 test.vue 使用的时候插入一张图片
> 只提供template内的内容

### 文件结构
link.vue
```vue
<a>
link.vue>>
<slot></slot>
</a>
```

test.vue
```vue
<link>
_helloWord
<img src="" alt=""/>
</link>
```

### 结果
在渲染test.vue后,其中的内容将变成下面的html结构
```html
link.vue_helloWord<img>
```


## `#d`