Javascript 在组件中嵌套Vue组件时出现问题

我可以在根App.vue组件中嵌套组件，但如果我尝试在非根组件中嵌套组件，则不会显示任何内容。如果我将导航栏组件嵌套在App.vue中的Splash.vue中，它将工作，同样，如果我将页脚组件移动到Splash.vue中，它也不会工作

App.vue（页脚组件工作正常，路由器然后加载splash.vue）

导航栏.vue

<template>
    <div class="navbar">
        <nav class = "deep-purple">
            <div class="container">
                <h1>navbar component loaded</h1>
            </div>
        </nav>
    </div>
</template>

<script>
export default {
    name: 'Navbar',
    data(){
        return{

        }
    }
}
</script>

<style>

</style>

导航条组件已加载
导出默认值{
名称：“导航栏”，
数据（）{
返回{
}
}
}

您的组件位于data（）函数中。 请尝试以下方法：

   export default {
      name: 'Splash',
      components: {
        Navbar
      } 
    }

---

在data（）函数中有组件。 请尝试以下方法：

   export default {
      name: 'Splash',
      components: {
        Navbar
      } 
    }

---

您是否尝试将

Navbar

嵌套在

v-container

组件外部？另外，当您使用Vue工具调试它时，它是否会出现？@niklaz，我认为v-container是由Vue注册的。使用（Vuetify）。它位于Splash.Vue中的v-container中。如示例所示，它也会显示为Vue工具中的一个组件，只是不显示。谢谢编辑：是的，我在v-container内部和外部进行了尝试，结果是相同的。您能否共享

Navbar

定义？我已更新了主帖子您是否尝试将

Navbar

嵌套在

v-container

组件外部？另外，当您使用Vue工具调试它时，它是否会出现？@niklaz，我认为v-container是由Vue注册的。使用（Vuetify）。它位于Splash.Vue中的v-container中。如示例所示，它也会显示为Vue工具中的一个组件，只是不显示。谢谢编辑：是的，我在v-container内外尝试过，结果是一样的。你能分享

Navbar

definition吗？我已经更新了主帖子

<template>
    <div class="navbar">
        <nav class = "deep-purple">
            <div class="container">
                <h1>navbar component loaded</h1>
            </div>
        </nav>
    </div>
</template>

<script>
export default {
    name: 'Navbar',
    data(){
        return{

        }
    }
}
</script>

<style>

</style>

   export default {
      name: 'Splash',
      components: {
        Navbar
      } 
    }