第一步 插槽定义 子组件中定义

<div class="container">
<header>
<slot name="header"></slot>
</header>
<main>
<slot></slot>
</main>
<footer>
<slot name="footer"></slot>
</footer>
</div>

第二步 插槽内容 父组件中使用子组件

<base-layout>
<h1 slot="header">标题内容</h1>
<p>主要内容1</p>
<p>主要内容2</p>
<p slot="footer">底部内容</p>
</base-layout>

同时把多条信息插到插槽中

具名插槽用法_插槽