具名插槽
自定义组件 HomePanel
// 哪里需要内容,就在哪里写<slot></slot>
<slot name="right">
<!-- 具名插槽:使用template包裹 name -->
</slot>
<slot>
<!-- 默认插槽:在组件使用时,直接写 -->
</slot>
使用自定义组件 HomePanel
<HomePanel title="新鲜好物" subTitle="新鲜出炉 品质靠谱">
<template #right>
<!-- 具名插槽:使用template包裹 #name -->
</template>
<!-- 默认插槽:直接写 -->
<div>默认插槽内容</div>
</HomePanel>