<template>
  <div class="app">
    <h1>组件通信</h1>
    <!-- <Slot3></Slot3> -->
    <!-- <Slot2></Slot2> -->
    <Slot1>
        <!-- <slot>232232</slot> -->
    </Slot1>
    <!-- <Provide></Provide> -->
    <!-- <Parent></Parent> -->
    <!-- <Props /> -->
    <!-- <Event></Event> -->
    <!-- <MittEvent/> -->
    <!-- <Attrs/> -->
  </div>
</template>

<script setup lang="ts" name="App">
// 默认插槽
import Slot1 from './components/slot1/Part1.vue';
// 具名插槽
// import Slot2 from './components/slot2/Part1.vue';
// 作用域插槽
// import Slot3 from './components/slot3/Part1.vue';
// import Provide from './components/provide-inject/Father.vue';
// import Parent from './components/$parent-$refs/Father.vue';
// import Attrs from './components/$attrs/GrandFather.vue'
// import MittEvent from './components/mitt/Father.vue'
// import Event from './components/custom-event/Father.vue'
// import Props from './components/Props/Father.vue'
</script>

<style></style>
