首先去插件市场安装uParse插件
要解析markdown
文本还需要安装marked
npm i marked
如果你的项目中没有package.json文件,还要去生成该文件再去安装marked
不然安装不上
npm init (或者 npm init -y)
使用
import uParse from "@/components/u-parse/u-parse.vue";
import { marked } from "marked";
...
computed: {
content(){
return marked(markdownText)
}
}
....
en.....[markdownText]
这个文本最好判断一下是否存在,存在再使用marked
函数进行解析,不然报错
最后导入样式即可
<style lang="scss" scoped>
@import url("@/components/u-parse/u-parse.css");
</style>