如何在Vue.js中导入菜单

Question

所以我在vue.js上有一个组件，我不能在App.vue 上导入它

组件：

<template>
<h1> Hello</h1>
</template>
<script>
export default {
}
</script>

应用程序：

<template>
<div>
<menu />

</div>
</template>
<script>
import Menu from './componentes/menu/Menu.vue';

export default {
components: {
'menu': Menu,
}
}
</script>

我在这里做错了什么？菜单未加载

Answer 1

您的代码存在一些问题。首先，正如@Naren在评论中指出的，

组件

拼写错误-应该是components吗？

其次，当我尝试运行你的代码时，我会得到

；菜单"；组件已注册但未使用

但是，如果我将组件重命名为任意名称，如'arbitrary': Menu,，并包含该名称<arbitrary />，则它可以完美工作。

菜单.vue

<template>
<h1> Hello</h1>
</template>
<script>
export default {
}
</script>

App.vue

<template>
<div>
<arbitrary />

</div>
</template>
<script>
import Menu from './componentes/menu/Menu.vue';

export default {
components: {
'arbitrary': Menu,
}
}
</script>