vue中组件间通信方式-slot

有时候，header或footer使用同一个组件，那么就需要用slot来从父组件向子组件传递“标签数据”

子组件：Child.vue

<template>
    <div>
    <slot name="xxx">不确定的标签结构 1</slot>
    <div>组件确定的标签结构</div>
    <slot name="yyy">不确定的标签结构 2</slot>
</div>
</template>

父组件：Parent.vue

<child>
    <div slot="xxx">xxx 对应的标签结构</div>
    <div slot="yyy">yyyy 对应的标签结构</div>
</child>