如何让vue自定义组件可以包裹内容，并且渲染出来，以及组件的组合使用

当我们用vue一开始写项目时，按需求文档自定义了一个公用组件，这个组件很多地方都用到了，然后随着项目的推进，又有了新的需求要在里面加东西，但又不是所有的地方都要加

这时候我们想这样往里面塞内容↓    <my-template>是我们自定义的公共组件

<my-template>
    <h2>想加入一个子标题</h2>
</my-template>

但这样运行代码后，发现页面还是以前的样子，这个div并没有出现，这个时候该怎么办呢

这里我们就要用到一个vue的功能：插槽slot

slot是定义在子组件里的，用来接收父组件使用时包裹的内容

<div id="app">
    <son-demo>
        <h2>新增一个子标题</h2>
    </son-demo>
</div>