Vue无法引入组件

Question

--- App.vue
--- components
    --- Nav
        --- Nav.vue

以上是目录，我想在App.vue中引入Nav.vue

<template>
    <div>
        我是Vue.app!
        <nav></nav>
    </div>
</template>
<script>
import nav from './components/Nav/Nav';
export default {
    components: {
        nav
    }
};
</script>
<style lang="less">
    
</style>

<template>
    <div id="nav">我是NAV</div>
</template>
<script>
    export default {};
</script>
<style>
    
</style>

这样并没有成功？问题出在哪

Answer 1

因为nav是h5的标签，对，我搞了一晚上的bug就是这样

Answer 2

你不看控制台的吗？
nav标签是原生就有的，冲突了。

Answer 3

import nav from './components/Nav/Nav.vue';试试