文件预览系列：
mavon-editor预览Markdown文件
xlsx预览excel文件
一、安装插件：mavon-editor
npm i mavon-editor --save二、在主文件中引入，并注册
import mavonEditor from 'mavon-editor';
import 'mavon-editor/dist/css/index.css'; // 编辑功能的样式...Vue.use(mavonEditor);三、使用
<template><mavon-editor v-model="value" :subfield="prop.subfield" :defaultOpen="prop.defaultOpen":toolbarsFlag="prop.toolbarsFlag" :editable="prop.editable" :scrollStyle="prop.scrollStyle":boxShadow="prop.boxShadow" ref="md"/>
</template>
<script>export default {data () {return {value: '## 父子页面通信\n'};},computed: {prop () {return {subfield: false,// true：双栏(编辑预览同屏)，false： 单栏(编辑预览分屏)defaultOpen: 'preview',//edit： 默认展示编辑区域 ， preview： 默认展示预览区域editable: false, // 是否允许编辑toolbarsFlag: false, // 工具栏scrollStyle: false, // 滚动条样式--只支持ChromeboxShadow: true//边框阴影};}}};
</script>
具体的其他的属性，可以看下mavon-editor官网
四、效果
仅预览：
