Vue模板中的Vuepress主题

时间:2018-08-08 14:11:49

标签: vue.js vue-component vuepress

我正在研究vue项目,因此我需要将文档嵌入理想的vue模板中。我考虑使用vuepress制作文档,因为它具有完整的文档主题,非常适合我想要的文档类型,并且还支持markdown编写文档。我尝试使用vuepress,但仅​​包含用.vuepress / components文件夹编写的组件。有什么办法可以将项目的其他vue组件包含在markdown文件中,也可以将markdown文件作为vue模板而不是静态html文件输出。

1 个答案:

答案 0 :(得分:1)

您可以在markdown文件中使用string标签,就像在带webpack的常规vue项目中一样。例如:

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>