W250913/20.vue3/project1/src/App.vue

<template>
  <div>
    <h1>App</h1>
    <hr>
    <hr>
    <Demo9></Demo9>
    <hr>
    <hr>
    <Demo8></Demo8>
    <hr>
    <hr>
    <Demo7></Demo7>
    <hr>
    <hr>
    <Demo6></Demo6>
    <hr>
    <hr>
    <Demo5></Demo5>
    <hr>
    <hr>
    <Demo1></Demo1>
    <hr>
    <hr>
    <Demo2></Demo2>
    <hr>
    <hr>
    <Demo3></Demo3>
    <hr>
    <hr>
    <Demo4></Demo4>
  </div>
</template>

<script setup>
import Demo1 from './components/Demo1.vue'
import Demo2 from './components/Demo2.vue'
import Demo3 from './components/Demo3.vue'
import Demo4 from './components/Demo4.vue'
import Demo5 from './components/Demo5.vue'
import Demo6 from './components/Demo6.vue'
import Demo7 from './components/Demo7.vue'
import Demo8 from './components/Demo8.vue'
import Demo9 from './components/Demo9.vue'
</script>

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