下载插件
npm i @kangc/v-md-editor@next -S
为了方便,直接引入main.js文件里 引入依赖:
// 显示md文件需要---------------
import VMdPreview from '@kangc/v-md-editor/lib/preview';
import '@kangc/v-md-editor/lib/style/preview.css';
import githubTheme from '@kangc/v-md-editor/lib/theme/github.js';
import '@kangc/v-md-editor/lib/theme/style/github.css';
// highlightjs
import hljs from 'highlight.js';
VMdPreview.use(githubTheme, {
Hljs: hljs,
});
// -------------------------------
在页面中使用该标签:
<v-md-preview :text="md"></v-md-preview>
:text=""就是请求到的或者静态的.md文件。