域名預(yù)訂/競(jìng)價(jià)，好“米”不錯(cuò)過(guò)

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文件引入并轉(zhuǎn)換

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

}

調(diào)用：this.md2html(readme);

本博主想把代碼全部拷過(guò)來(lái)，但是又覺(jué)得那樣別人會(huì)直接不懂腦筋的抄襲，所以最后一步留了一點(diǎn)點(diǎn)，只要稍微用心一下就能看懂的哦。

文章來(lái)源：田珊珊個(gè)人博客

來(lái)源地址：http://www.tianshan277.com/836.html

申請(qǐng)創(chuàng)業(yè)報(bào)道，分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處，共同探討創(chuàng)業(yè)新機(jī)遇！