推荐开源项目：Vue-Markdown - 将Markdown优雅地融入Vue应用

<template>
  <div class="markdown-body">
    <vue-markdown>{{ markdownContent }}</vue-markdown>
  </div>
</template>
 
<script>
import VueMarkdown from 'vue-markdown'
 
export default {
  components: { VueMarkdown },
  data() {
    return {
      markdownContent: `
# 标题
 
这是一个Markdown例子。
 
- 列表项A
- 列表项B
 
**粗体文本**
 
[链接](https://example.com)
      `
    }
  }
}
</script>
 
<style>
@import '~github-markdown-css';
</style>

这个例子展示了如何在Vue应用中使用vue-markdown将Markdown内容渲染为HTML。markdownContent是一个包含Markdown的数据属性，它通过插槽的方式传递给vue-markdown组件。github-markdown-css是一个CSS库，它提供了类似GitHub的Markdown渲染样式。在实际使用时，你需要安装vue-markdown和github-markdown-css依赖。