解决项目从vue2迁入vue3后，插槽无法使用的问题

解决项目从vue2迁入vue3后，插槽无法使用的问题

项目迁移时，关于插槽部分出了些bug，浏览器渲染出插槽，但是插槽内的内容一直无法显示，研究很久后，发现是vue3关于具名插槽的使用与vue2有很大不同

vue2插槽的用法

插槽位置

<div>
    <slot name="demo"></slot>
</div>

插槽内容

<div slot="demo">内容</div>

vue3插槽的内容格式与vue2不同，v-slot必须使用自定义标签或者template标签

<template v-slot:demo>内容</template>

如果插槽内容为标签，标签的样式需要在此组件定义，而不是内容被渲染的组件内定义