在vue3.0中引入组件时，总是说未被使用，这是怎么回事

Question

<template>
    
        <header/>
        <main></main>
        <menu></menu>

</template>
<script>

    import header from './comment/Header.vue'
    import main from './comment/main.vue'
    import menu from './comment/Nav.vue'
    export default {
        name: 'out',
        components: {header, main,menu},
        setup() {
            
        }
    }
</script>
<style>
    .all {
        width: 100%;
        height: 100%;
    }

    
</style>

这是我首页，引入了三个子组件，每个子组件都有name.name对应的就是header,menu,main，但是这在编译的时候总是提示未被使用

Answer 1

不要用h5标签做为组件名

 
<template>
    
        <ms-header/>
        <ms-main></ms-main>
        <ms-menu></ms-menu>
 
</template>
<script>
 
    import msHeader from './comment/Header.vue'
    import msMain from './comment/main.vue'
    import msMenu from './comment/Nav.vue'
    export default {
        name: 'out',
        components: {msHeader, msMain,msMenu},
        setup() {
            
        }
    }
</script>
<style>
    .all {
        width: 100%;
        height: 100%;
    }
 
    
</style>