时间戳

首页 > 解决方案 > 如何在 Vue.js 中导入菜单

vue.js - 如何在 Vue.js 中导入菜单

问题描述

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

零件：

<template>
  <h1> Hello</h1>
</template>

<script>
export default {

}
</script>

应用程序.vue：

<template>
<div>
  <menu />
 
</div>
</template>

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


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

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

标签： vue.js

解决方案

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

组件

拼写错误 - 应该是components吗？

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

“菜单”组件已注册但未使用

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

菜单.vue

<template>
  <h1> Hello</h1>
</template>

<script>
export default {

}
</script>

应用程序.vue

<template>
<div>
  <arbitrary />
 
</div>
</template>

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


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

推荐阅读