一、mavonEditor简介

mavonEditor：基于 Vue 的 Markdown 编辑器，支持所见即所得编辑模式、阅读模式等。
GIT地址：https://github.com/hinesboy/mavonEditor

二、组件安装

 npm install mavon-editor --save

三、全局注册

Use (如何引入)

1. index.js:

  // 全局注册
import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import "./plugins/element.js";
// 导入组件
import mavonEditor from "mavon-editor";
import "mavon-editor/dist/css/index.css";
// use
Vue.use(mavonEditor);

Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: function(h) {
    return h(App);
  }
}).$mount("#app");

2.App.vue

<template>
  <div id="app">
    <mavon-editor v-model="value" />
  </div>
</template>

<script>
export default {
  name: "app",
  components: {}
};
</script>

<style>
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>

四、属性