vue项目引入markdown

前言

咳咳，终于终于终于将我的博客项目引入了markdown了，之前博客使用的是富文本编辑器，因为最近我都是使用的markdown做笔记和写博客，而自己的项目博客是个富文本编辑器这让我很不舒服，所以花了一整个晚上的时间把我的博客项目换成了markdown编辑器，让我先用这个markdown编辑器写一个博客试试哈哈哈哈！

操作步骤

引入markdown相关插件

mavonEditor

我现在博客使用的markdown编辑器是使用的是mavonEditor
我们需要使用它的话首先需要安装

npm install mavon-editor --save

然后我们在main.js中全局引用它

// 引入markdown组件
import Vue from 'vue'
import mavonEditor from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'

Vue.use(mavonEditor)

new Vue({
   
  el: '#app',
  router,
  store,
  render: h => h(App)
})

随后我们便可以在项目中引用该组件,value绑定的是markdown的源内容

<div id="main"