乐趣区

关于markdown:markdownit使用

将 markdown 转换成 HTML

第一步 装置
cnpm i markdown-it -S

第二步 引入
引入,而后创立一个 txt, 目标是为了把本人写的转换成 H5
而后用 computed 计算属性立刻返回

import Mk from 'markdown-it'
data()
{
    return{txt:''}
},
computed:{markdown()
    {var md  = new Mk()
        var res = md.render(this.txt)
        return res
    }
}

第二步 变成款式
第一个就是本人的这个输出文本
第二个是返回的 HTML 源码
第三个是源码转换成 HTML 最终值

<textarea v-model='txt'></textarea>
<p>{{txt}}</p>
<p>{{markdown}}</p>
<p v-html="markdown"></p>

退出移动版