实现Vue的markdown文档可以在线运行的方法示例

npm install vue-markdown-run --save

// 引入
import MarkdownRun from \'vue-markdown-run\';
// 全局注入
Vue.use(MarkdownRun);

npm install babel-plugin-component -save-dev

{
 \"plugins\": [
  [
   \"component\",
   {
    \"libraryName\": \"vue-markdown-run\",
    \"styleLibraryName\": \"theme\"
   }
  ]
 ]
}

import { MarkdownRun } from \'vue-markdown-run\';

export default {
 components: {
  MarkdownRun
 }
}

 <markdown-run
  :mark=\"markdownTxt\"
  highlight-style-file-name=\"github\"
  :runClass=\"\"
  :runStyle=\"\"
  @error=\"\"
 />

```html vue-run
<template>
 <div @click=\"go\">Hello, {{name}}! 你可以点击试试</div>
</template>

< >
 export default {
  data() {
   return {
    name: \'Vue\'
   }
  },
 methods: {
   go () {
    alert(\'点击弹出， 代码vue已执行\');
   }
  }
 }
</ >
<style>
 div{
 background-color: red;
 }
</style>