vue markdown插件

// Vue Markdown 插件示例代码

// 安装 vue-markdown 插件
// npm install vue-markdown --save

<template>
  <div>
    <!-- 使用 vue-markdown 组件来渲染 markdown 内容 -->
    <vue-markdown>{{ markdownContent }}</vue-markdown>
  </div>
</template>

<script>
import VueMarkdown from 'vue-markdown';

export default {
  components: {
    VueMarkdown
  },
  data() {
    return {
      // 这里定义要渲染的 markdown 内容
      markdownContent: '# Hello World\nThis is a **markdown** example.'
    };
  }
};
</script>

<style scoped>
/* 可以根据需要自定义样式 */
</style>

解释说明：

1. 安装插件：首先通过 npm 安装 vue-markdown 插件。
2. 模板部分：在 <template> 中使用 <vue-markdown> 组件来渲染 markdown 内容，内容可以通过 v-bind 或直接写在标签内。
3. 脚本部分：在 <script> 中导入 VueMarkdown 组件，并在 components 中注册它。同时，在 data 中定义要渲染的 markdown 内容。
4. 样式部分：可以根据需要为渲染后的 HTML 元素添加自定义样式。