目录

入门

高级使用

---

入门

1 所在终端输入

npm install vue-meditor

2 复制以下代码

先新建一个组件

<template>
  <div>
    <MavonEditor v-model="myMarkDownData"/>
    <button @click="submit">提交</button>
  </div>
</template>

<script>
// 导入markdown组件
import MavonEditor from 'vue-meditor'
export default {
  name: "MyMarkDown",
  //使用该组件
  components: {
    MavonEditor: MavonEditor,
  },
  data() {
    return {
      myMarkDownData: "",
    }
  },
  methods:{
    submit()
    {
      console.log("提交的数据为",this.myMarkDownData)
    }
  }

}
</script>

要使用引入即可

高级使用

看官方文档

vue-meditor - npm (npmjs.com)