挖坑指南:Vue.directive()自定义指令的实践(含源码)

前言

迫不及待想要上车试一试,直接贴代码吧。

开始

两个小例子,图片的加载优化以及第三方插件的配合使用。参考的资料在我分享的这篇博文中有记录,感兴趣的同学,可以参考更多。


 
  
    
    Vue自定义指令的使用与实践
    
    
    
  
    
          function init(){ $('pre code').each(function(i, block) { hljs.highlightBlock(block); }); }

实践

纸上得来终觉浅,绝知此事要躬行。实践的过程中,一开始引入了highlight.js文件,没有引入相应的css。虽然进行了处理,但是看起来和普通的文本一样。所以...

BootCDN: https://www.bootcdn.cn/highlight.js/

来张效果图:

挖坑指南:Vue.directive()自定义指令的实践(含源码)_第1张图片

挖坑指南:Vue.directive()自定义指令的实践(含源码)_第2张图片

总结

嘘寒问暖 不如打笔巨款~

你可能感兴趣的:(挖坑指南)