W250913/20.vue3/project3/src/views/slot2/Part1.vue

<template>
  <div>
    <h1 class="h-26 text-6xl">具名插槽</h1>
    <h3 class="h-16 text-4xl"></h3>
    <h3 class="h-16 text-4xl"></h3>
    <hr class="h-15" />
    <hr class="h-15" />
    <Part2>
      <template v-slot:footer>
        <p>111</p>
      </template>
      <template #header>
        <p>222</p>
      </template>
      <template #default>
        <p>333</p>
      </template>
    </Part2>
  </div>
</template>

<script lang="ts" setup>
import { ref, reactive } from "vue";
import Part2 from "./Part2.vue";
</script>

<style lang="scss" scoped>
</style>