【vue】vue 使用highlight.js的坑：highlight效果经常没有了

首先，我说下我为啥会遇到这个吭。。。。

项目如下：https://github.com/guosimin/data-management  , 当然如果给我来个star，我会很开心的。

1.我用的是vue-cli 搭建的前端项目

2.我的内容来源是csdn中的博文，而博文里面用到的代码通过调用highlight.js实现的

3.原本我可以考虑通过Selenium爬取调用后的结果，这样样式能正常显示就行，然而Selenium的效率真的不敢恭维。。

4.最后决定在页面调用highlight.js实现和csdn网站上一样的效果

 

如果没看过我项目，那其实上面的都是废话，不过你有时间，也可以看看。我这里先说解决方法：

1.首先，页面总得引入hightlight包吧，本来想和网上一下教程那样用 npm install hightlight... 然鹅，npm没有找到hightlight。。。。所以我们用最原始的方式，我直接把它写到了index.html里面了。

<link href="http://cdn.bootcss.com/highlight.js/8.0/styles/monokai_sublime.min.css" rel="stylesheet">  
<script src="http://cdn.bootcss.com/highlight.js/8.0/highlight.min.js"