.vuepress/components 文件夹中的组件不呈现答案

【问题标题】：components in .vuepress/components folder doesn't render.vuepress/components 文件夹中的组件不呈现
【发布时间】：2019-08-03 04:17:45
【问题描述】：

我尝试添加一个简单的 vue 组件，以便在 .md 文件中使用它，如 vuepress 文档中所述。我将 HelloWord.vue 放在 .vuepress/components 文件夹中，然后在我的 markdown 文件中调用它，但运行 vuepress dev 后没有任何显示，之前有人遇到过这个问题吗？

【问题讨论】：

标签： vuepress

【解决方案1】：

您如何在.md 文件中编写组件？

对于.vuepress/components中名为HelloWorld.vue的组件，需要使用：

<HelloWorld /> 或 <hello-world />

如果它位于组件内的子文件夹中，您需要将其添加到组件名称之前，我相信您必须确保使用与组件文件名相同的格式。

所以对于存储在./vuepress/components/example/ 中的HelloWorld.vue 组件，您可以使用：

<example-HelloWorld />

【讨论】：

嘿弗兰克，你给了我一个很好的提示，因为有效，但无效！但现在它以这种方式工作，我不确定我能否解决这个问题！

【解决方案2】：

Vuejs 似乎遵循这个规则：

像<hello-world />这样的kebab-case在HTML文件中被默认接受（md文件也是，因为它们将被呈现为HTML）。

但是，如果你在 .vue 文件中指定组件的名称，如下所示：

<script>
export default {
name : 'PreviewPage'
}
</script>

然后，<HelloWorld /> 和 <hello-world /> 都将被识别。

【讨论】：