highlight.js的具体使用这不做过多的说明,如果你遇到了标题的问题,那么应该能看懂下面的答案。
首先在main.js中的代码如下
//引入
import hljs from 'highlight.js'
//设置属性
Vue.prototype.$hljs = hljs;
页面元素
<pre v-html="context"></pre>
js代码
this.context = this.$hljs.highlightAuto(value).value;
highlightAuto方法中的参数就是具体的内容,比如xml、css等。就这么简单。