實現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>

<script>
 export default {
 data() {
 return {
 name: 'Vue'
 }
 },
 methods: {
 go () {
 alert('點擊彈出， 代碼vue已執行');
 }
 }
 }
</script>
<style>
 div{
 background-color: red;
 }
</style>