首先去插件市場(chǎng)安裝uParse插件
要解析markdown
文本還需要安裝marked
npm i marked
如果你的項(xiàng)目中沒有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]
這個(gè)文本最好判斷一下是否存在佳头,存在再使用marked
函數(shù)進(jìn)行解析,不然報(bào)錯(cuò)
最后導(dǎo)入樣式即可
<style lang="scss" scoped>
@import url("@/components/u-parse/u-parse.css");
</style>