Question

我刚开始使用Vue，遇到一个问题，即该组件无法为我呈现。

<template>

    <div>
        <GalleryCollectionBlueBottles />
    </div>

</template>

<script>

    import GalleryCollectionBlueBottles from '@/components/collections/GalleryCollectionBlueBottles.vue'

    export default {
        name: 'GalleryCollections'
    }

</script>

当我在浏览器中检查页面时，我看到的只是带有组件名称的元素，而不是通常的组件内容。

上面的组件称为GalleryCollections，而我要导入的组件称为GalleryCollectionBlueBottles。

希望有人可以提供帮助，也希望这是我忽略的简单事情：）

Answer 1

您还需要在脚本标签内的关键字 components {...} like;

中声明该组件。

<script>
import GalleryCollectionBlueBottles from '@/components/collections/GalleryCollectionBlueBottles.vue'

export default {
  name: 'GalleryCollections',
  components: {
    GalleryCollectionBlueBottles
  }
}
</script>

组件仅渲染元素名称而不渲染模板内容

1 个答案: