作用:父组件向子组件传递模板(原理似props)
何时用:封装组件,组件中某一模块不固定时
slot中有内容时,父组件不传值,用默认内容
负组件传值,用负组件中的
<button type="submit">
<slot>
Submit <!-- fallback content -->
</slot>
</button>
可添加命名槽,父组件调用时,传入name
<div class="container">
<header>
<slot name="header"></slot>
</header>
<main>
<slot></slot>
</main>
<footer>
<slot name="footer"></slot>
</footer>
</div>
使用
<BaseLayout>
<template #header>
<h1>Here might be a page title</h1>
</template>
<template #default>
<p>A paragraph for the main content.</p>
<p>And another one.</p>
</template>
<template #footer>
<p>Here's some contact info</p>
</template>
</BaseLayout>