vue模板中的Vuepress主题

Question

我正在做一个vue项目，理想情况下我需要在vue模板中嵌入一个文档。我考虑使用vuepress制作文档，因为它有一个成熟的文档主题，非常适合我想要的文档类型，还支持markdown来编写文档。我尝试使用vuepress，但只包含.vuepress/components文件夹中编写的组件。有没有一种方法可以在markdown文件中包含项目的其他vue组件，或者将markdown文件输出为vue模板而不是静态html文件。

Answer 1

您可以在markdown文件中使用字符串标记，就像在常规vue项目中使用webpack一样。例如：

在README.md上

# This is a title
## This is a subtitle
<my-component></my-component>
> My name is {{ name }}

<script>
import myComponent from '../myOtherFolder/MyComponent'
export default {
  components: {
    'my-component': myComponent
  },
  data: function() {
    return {
      name: 'John'
    }
  }
}
</script>