markdown-preview-vue

English Doc

vue markdown 预览组件

安装

npm i markdown-preview-vue -S

// 或

yarn add markdown-preview-vue

使用

局部注册

<template>
  <div class="App">
    <markdown-preview v-model="data" />
  </div>
</template>

<script>
  import MarkdownPreview from 'markdown-preview-vue'

  export default {
    name: 'App',
    components: {
      MarkdownPreview
    },
    data() {
      return {
        data: '# markdown-preview'
      }
    }
  }
</script>

全局注册

// main.js
import Vue from 'vue'
import MarkdownPreview from 'markdown-preview-vue'

Vue.use(MarkdownPreview)