md/vue/vue2_slot.md

vue2 中使用 slot 插槽

#d什么是slot

用于在组件中预留位置,在组件被使用的时候,可以在使用组件的地方将内容放置组件内

#e 文本替换

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

文件结构

link.vue

<a>
link.vue>>
<slot></slot>
</a>

test.vue

<link>
_helloWord
<img src="" alt=""/>
</link>

结果

在渲染test.vue后,其中的内容将变成下面的html结构

link.vue_helloWord<img>

#d