Vue渲染Markdown数据

今天在找基于Vue的markdown编辑器时，找到了mavonEditor模块，本来想着通过抽离抽出展示Markdown数据相关的代码，结果忙活了一阵，突然看见文档有提示怎么只展示Markdown数据

仅用作展示可以设置props: toolbarsFlag: false , subfield: false, defaultOpen:
“preview”

一 ，前言

由于需要，要把Markdown数据渲染在页面上。刚开始在网上找了一大圈，要么只能把md文件通过插件转换为vue组件来渲染，虽然有通过Markdown数据来渲染，但是出来的结果不太理想。在看完几篇关于vue渲染Markdown的文章后，经过一番尝试，终于弄好了。

二，实现过程

• 需要提前安装的npm包

npm install vue-loader vue-template-compiler -D

• 在安装vue-markdown插件