vue解析md文件

项目开发中有一个功能需要加载项目中的md文件，效果入下：

1. vue安装依赖

npm i @kangc/v-md-editor@next -S

2. 引入

......

// 预览组件以及样式
import VMdPreview from '@kangc/v-md-editor/lib/preview';
import '@kangc/v-md-editor/lib/style/preview.css';
// VuePress主题以及样式（这里也可以选择github主题）
import vuepressTheme from '@kangc/v-md-editor/lib/theme/vuepress.js';
import '@kangc/v-md-editor/lib/theme/style/vuepress.css';

// Prism
import Prism from 'prismjs';
// 代码高亮
import 'prismjs/components/prism-json';
// 选择使用主题
VMdPreview.use(vuepressTheme, {
    Prism,
});

......

app.use(VMdPreview);

......

3. 使用

<v-md-preview :text="readmeContent"></v-md-preview>