什么是插槽?
插槽就是子组件中的提供给父组件使用的一个占位符,用 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的标签。
1.在子组件放一个占位符
<template>
<div>
<h1>今天的日期是:</h1>
<slot></slot>
</div>
</template>
<script>
export default{
'name':'child'
}
</script>
2.在父组件给这个占位符填充内容
<template>
<div>
<child>
<div>2020.12.08</div>
</child>
</div>
</template>
3.展示效果
今天的日期是:2020.12.08