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

Question

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

Answer 1

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

HelloWorld.vue对于in调用的组件.vuepress/components，您需要使用：

<HelloWorld />或者<hello-world />

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

因此，对于HelloWorld.vue存储在 中的组件./vuepress/components/example/，您将使用：

<example-HelloWorld />

Answer 2

Vuejs 似乎遵循这个规则：

<hello-world />默认情况下，HTML 文件（md 文件，因为它们将呈现为 HTML）中接受kebab-case 等。

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

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

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