npm install highlight.js // 这里也可以使用 yarn add highlight.js

import Vue from 'vue'
import hljs from 'highlight.js'
//样式文件,我选的是atom-one-dark-reasonable样式 可以通过highlight.js/styles 选择其他css
import 'highlight.js/styles/atom-one-dark-reasonable.css'
// import 'highlight.js/styles/atom-one-dark.css'
// 这里 挂载highlight
Vue.directive('highlight',function (el) {
    let element = el.querySelectorAll('pre code');
    element .forEach((block)=>{
      hljs.highlightBlock(block)
    })
})

<div class="vHighlight" v-else v-html="resCode" v-highlight></div>
methods：{
  resCode(){ 
  return resCode = " let a = 2"
}