v-slot只能是template元素上,有一种额外情况
独占默认插槽
//父组件
<template>
<item >
<template v-slot:default> // v-slot:default可以不加,只能定义在template上
<div>牛奶</div>
</template>
<item>
</template>
//item子组件
<template>
<div>
<slot ></slot>//默认插槽
<h1>杯子 </h1>
</div>
</template>
具名插槽
//父组件
<template>
<div>
<layout>
<template v-slot:header>//v-slot指令使用插槽
<div >头部标题</div>
</template>
<div >显示的默认内容</div>
<!--或者
<template v-slot:default>
<div >显示的默认内容</div>
</template>
-->
<template v-slot:footer>
<div >尾部</div>
</template>