vue-highlightjs使用

简单的js代码高亮显示

vue-highlightjs - npm 强大的github真主

安装：

npm install --save vue-highlightjs

在main.js中引入

import VueHighlightJS from 'vue-highlightjs';
import 'highlight.js/styles/atom-one-dark.css';

Vue.use(VueHighlightJS);

在.vue文件中引用

<pre v-highlightjs>
   <code class="javascript">
      <div>{{ getCode }}</div>
   </code>
</pre>
getCode：即渲染所需的数据

效果如图⬇️