VIP32/vue3/my_project/src/App.vue

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

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

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