Компонент не отображается при импорте

Question

У меня есть компонент здесь, в src / components / aboutUs.vue

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

И у меня есть другой файл vue, называемый Home.vue, который импортирует компонент aboutUs.

  <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 компоненты в {}. См документы

components: {
 aboutUs
}