在 App.vue 中显示组件的模板

Posted 2023-02-23

【中文标题】在 App.vue 中显示组件的模板

【英文标题】：Display a component's template in App.vue

【发布时间】：2019-06-12 12:05:57

【问题描述】：

我有一个组件 Header.vue，我想在主应用程序 App.vue 中显示它。 这是标题

<script>
</script>

<template>
  <div> 
      Some text
  <div>
</template>

这就是 App.vue

<script>
import Header from "./components/views/Header.vue"
export default 


</script>

<template>
  <div id="app">
    <Header>
  </div>
</template>

谁能告诉我我做错了什么？ 提前致谢

【问题讨论】：

你需要在你的export default components: Footer: Footer 中声明组件

谢谢，成功了

【参考方案1】：

<template>
    <div id="app">
        <app-header></app-header>
    </div>
</template>


<script>
    import Header from "./components/views/Header.vue"
    export default 
        components: 
        appHeader: Header,
        
    
</script>