vue中组件间通信方式-slot

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

子组件：Child.vue

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

父组件：Parent.vue

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