VIP32/vue3/my_project/src/App.vue

<template>
   <div id="app">
    <!-- html -->
    <Demo5></Demo5>
    <!-- <Demo4></Demo4> -->
    <!-- <Demo3></Demo3> -->
    <!-- <Demo2></Demo2> -->
    <!-- <Demo1></Demo1> -->
    <!-- <Demo></Demo> -->
   </div>
</template>

<script>
import Demo5 from './components/Demo5.vue'
import Demo4 from './components/Demo4.vue'
import Demo3 from './components/Demo3.vue'
import Demo2 from './components/Demo2.vue'
import Demo1 from './components/Demo1.vue'
// import Demo from './components/Demo.vue'
export default {
    // js或ts
    components: {   
        // Demo,
        // Demo1,
        // Demo2,
        // Demo3,
        // Demo4,
        Demo5
    },
}
</script>

<style scoped>
 /* 样式 */
</style>