vue中使用展示Markdown文档说明

npm i markdown-it-vue --save

import MarkdownItVue from 'markdown-it-vue'; import 'markdown-it-vue/dist/markdown-it-vue.css'

	 <div class='textarea_area area'>
        <el-input
          type="textarea"
          autosize
          placeholder="请输入内容"
          v-model="content">
        </el-input>
      </div>
      <div class='markdown_area area'>
        <markdown-it-vue class="md-body" :content="content" />
      </div>
<script>
import MarkdownItVue from 'markdown-it-vue'
import 'markdown-it-vue/dist/markdown-it-vue.css'
export default {
  components:{MarkdownItVue},
  data() {
    return {
      content:"",
    }
  },
 }
 </script>

npm i text-loader --save

{ test: /\.md$/, loader: 'text-loader',}

import documentation from './documentation.md'

	<div class='markdown_wrapper_content'>
        <div class='markdown_area area'>
          <markdown-it-vue class="md-body" :content="content" />
        </div>
      </div>
<script>
import MarkdownItVue from 'markdown-it-vue'
import documentation from './documentation.md'
import 'markdown-it-vue/dist/markdown-it-vue.css'
export default {
  components:{MarkdownItVue},
  data() {
    return {
      content:documentation,
    }
  },
 }
 </script>