Vue3 渲染 markdown （markdown-it）

需求

vue3项目需要渲染markdown文本

方案

使用 markdown-it 插件，在npm里下载次数较多，也支持vue3，使用简单，所以决定使用它啦

（1）安装

npm install markdown-it --save

（2）使用代码

<template>
	<div v-html="markdown.render('### 您有一个办件需要处理\n - 发送时间：2020-02-21\n - 发送人：张三')"></div>
</template>
import MarkdownIt from 'markdown-it';
const markdown = new MarkdownIt()

（3）效果图

若需要更详细的配置请参考： markdown-it中文文档