插槽 Slots

我们已经了解到组件能够接收任意类型的 JavaScript 值作为 props，但组件要如何接收模板内容呢？在某些场景中，我们可能想要为子组件传递一些模板片段，让子组件在它们的组件中渲染这些片段

xxxxxxxxxx
<template>
    <h3>ComponentA</h3>
    <ComponentB>
        <h3>插槽传递视图内容</h3>
    </ComponentB>
</template>
<script>
import ComponentB from "./ComponentB.vue"
export default {
    components: {
        ComponentB
    }
}
</script>

xxxxxxxxxx
<template>
    <h3>ComponentB</h3>
    <slot></slot>
</template>

<slot> 元素是一个插槽出口 (slot outlet)，标示了父元素提供的插槽内容 (slot content) 将在哪里被渲染

实时效果反馈

1. 下列那个是插槽使用中，插槽出口的关键字：

A props

B data

C emit

D slot

答案

1=>D