1、安裝依靠

npm i markdown-loader html-loader --save

npm i showdown --save

2、配备nuxt.config.js文件

build: {

transpile: [/^element-ui/],

/*

** You can extend webpack config here

*/

extend (config, { isDev, isClient }) {

config.module.rules.push({

test: /\.md$/,

use: [

{loader: 'html-loader'},

{loader: 唐山市百度搜索排名'markdown-loader', options: {}}

],

})

}

},

3、markdown文档导入并变换

import readme from '~/static/api.md';

Vue.prototype.md2html = (md)=> {

let converter = new showdown.Converter()

let text = md.toString()

let html = converter.makeHtml(text)

return html

}

启用：this.md2html(readme);

本时尚博主想把编码所有拷回来，可是又感觉那般他人会立即不明白脑子的剽窃，因此 最后一步留了一点点，要是略微认真一下就看得懂的哦。

文章内容来源于：田珊珊个人网站

来源于详细地址：http://www.tianshan277.com/836.html