插槽的使用
匿名插槽
// child
<div>
<slot></slot>
</div>
// parent
<child>slot的内容</child>
具名插槽
// child
<div>
<slot name="title"></slot>
</div>
// parent
<child>
<template v-slot:title></template>
</child>
作用域插槽
// child
<div>
<slot name="title" age="18"></slot> // 向父组件传递数据 age
</div>
// parent
<child>
<template v-slot:title="slotProps">
获取子组件传递的数据{{slotProps.age}}
</template>
或者
<template v-slot:title="{age}>
获取子组件传递的数据{{age}}
</template>
</child>