【问题标题】:Display a component's template in App.vue在 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} }中声明组件
  • 谢谢,成功了

标签: templates vue.js components


【解决方案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>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-07-27
    • 1970-01-01
    • 2018-09-24
    • 2017-07-26
    • 1970-01-01
    • 1970-01-01
    • 2021-11-20
    • 1970-01-01
    相关资源
    最近更新 更多