查漏补缺——解释一下以下代码

问题

如题所示

答案

相关源码：

Vue.directive('highlight',function (el) {
  let blocks = el.querySelectorAll('pre code');
  blocks.forEach((block)=>{
    hljs.highlightBlock(block)
  })
})

Vue.directive()的用法和实例

综上所示，directive会新建这个指令，这个指令的名字是highlight，这个指令具体内容是function函数。

JavaScript基础教程之querySelectorAll( )方法遇到的问题

这个函数会先获取vue实例中的pre、code元素，将它们赋值给let变量blocks。

foreach方法使用

然后，这个使用forEach遍历pre和code元素，最后就是对元素里的代码进行高亮。