031.Vue3入门，插槽Slot的基本用法

1、App.vue代码如下：

<template>
  <div>
    <h3>插槽学习</h3>
    <Slot001>
      <p>我是主页面</p>
    </Slot001>
  </div>
</template>

<script>
import Slot001 from './view/Slot001.vue'

export default {
  components: {
    Slot001
  }
}
</script>

2、Slot001.vue代码如下：

<template>
  <h3>我是Slot001</h3>
  <slot></slot>
</template>
<script setup lang="ts">
</script>

3、效果如下：