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

Question

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

Answer 1

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

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

<HelloWorld />或<hello-world />

如果它在组件内的子文件夹中，则需要在该组件名称前添加该前缀，并且我相信您必须确保使用与组件文件名相同的格式。

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

<example-HelloWorld />

Answer 2

Vuejs 似乎遵循这个规则：

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

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

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

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