vue slot

组件html的placeholder

在注入的自组件中，通过slot能够访问父组件的数据

<base-icon name="users">{{ event.attendees.length }} attending</base-icon>

• default slot

• multi slot 需要使用name

MediaBox.vue

<template> 
<div>
	<UserAvatar/> 
	<slot name="heading"></slot>
	<slot name="paragraph"></slot>
</div> 
</template>

使用时：

<MediaBox>
	<h2 slot="heading">Adam Jahr</h2>
	<p slot="paragraph">My words.</p>
</MediaBox>

---

if you wanted to slot in multiple elements into the same slot.Then you should use template tag

<MediaBox>
	<h2>Adam Jahr</h2> 
	<template slot="paragraph">
		<p>My words.</p>
		<BaseIcon name="book">
	</template>
</MediaBox>

Using a template allow us to slot in muliple elements into the slot,without an unnecessary wrapper element