[英]Vue 3 components not importing other vue components
我的 Vue 组件navbar.vue
没有导入其他组件。
这是带有选项 API 的 Vue 3。
所有组件都由index.js
在组件文件夹中导入
import navbar from '@/components/navbar.vue'
import btn from '@/components/btn.vue'
export {
navbar,
btn
}
这是navbar.vue
:
<template>
<header class="navbar">
<ul>
<li>
<router-link to="/">Home</router-link>
</li>
<li>
<btn></btn>
</li>
</ul>
</header>
</template>
<script>
import { btn } from '@/components'
export default {
name: 'navbar',
components: {
btn
}
}
</script>
这是btn.vue
组件:
<template>
<button class="btn" @click="$emit('click')">
<slot/>
</button>
</template>
<script>
export default {
name: 'btn'
}
</script>
您的 index.js 导出navbar
和btn
。 而且您已经在同一文件级别从navbar.vue
导出了另一个组件。 因此,为navbar
和btn
创建一个单独的文件夹或更改导出名称。 我是框架的新手。 希望这会奏效。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.