导入时组件未渲染

Question

我在src / components / aboutUs.vue中有一个组件

<template>
  <div>
    <h1>This is a component test</h1>
  </div>
</template>

我还有另一个名为Home.vue的vue文件，用于导入关于us的组件。

  <template>
   <div class="home">
     <div>HELLO !</div>
     <aboutUs/>
   </div>
  </template>

    <script>
    import aboutUs from "@/components/aboutUs.vue";

    export default {
    name: "HomePage",
    components: aboutUs
    };
    </script>

但是我的app.vue仅呈现“ HELLO！”来自Home.vue。而不是aboutUs组件模板。请帮助。

Answer 1

您必须将App组件包装在{}中。参见docs

components: {
 aboutUs
}