很多人看vditor的官网可能第一时间就想到在main.js里面引入，但是官网的例子又是一个实例化的过程，我们的spa不支持多个实例化，所以其实他的核心是new的过程是个实例化的过程，需要要真实的dom给他承载。向echars这些我们平时的引入使用是一样的

附上代码，可直接拿到项目里面运行（必须引入插件vditor，npm install vditor --save）

<template>
    <div class="order">
        <h5>富文本编辑器</h5>
        <div id="vditor"></div>
    </div>
</template>
<script>
import Vditor from "vditor"
import "vditor/dist/index.css"
export default {
    data(){
        return{
            contentEditor:""
        }
    },
    mounted(){
        this.contentEditor = new Vditor("vditor",{
            height:360,
            toolbarConfig:{
                pin:true
            },
            cache:{
                enable:false
            },
            after:()=>{
                this.contentEditor.setValue("hello,Vditor+Vue!")
            }
        })
    },
    methods:{

    }
}
</script>

交流讨论（砥砺前行，未来可期）