vue markdown转html

可以使用 `markdown-it` 库将 Markdown 转换为 HTML，同时配合 `vue-markdown` 组件来显示转换后的 HTML。

首先安装依赖：

npm install markdown-it vue-markdown --save

然后在 Vue 组件中，引入 `vue-markdown` 组件并传递 Markdown 内容，如下所示：

<template>
  <div>
    <vue-markdown :source="markdownContent" />
  </div>
</template>

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

export default {
  components: {
    VueMarkdown,
  },
  data() {
    return {
      markdownContent: '# Hello, world!',
    };
  },
  mounted() {
    const md = new MarkdownIt();
    this.markdownContent = md.render('# Hello, world!');
  },
};
</script>

这里使用 `mounted` 钩子函数来将 Markdown 内容转换为 HTML，并将结果存储在 `markdownContent` 变量中，然后在模板中动态绑定 `markdownContent` 变量到 `vue-markdown` 组件的 `source` 属性中即可。