当你用vue开发的时候，不可避免的就会遇到图片懒加载的问题，之前jquery时代有jquery.lazyload.js，但是那个肯定不能用在vue的项目里。Vue-Lazyload的github地址这篇文章不是去讲解这个插件是如何配置的，这个在它的github上都有介绍，因此你要先大致了解它是如何配置的。这里主要从源码角度去分析该如何正确使用这款插件。lazy-component作为一个组件，给外部提供了一个回调事件，表示已经开始load了，所以我们可以在外层监听这个事件：我们来看一个做好的demo，这个demo还是以实现图片懒加载为主。lazy-component有一个问题，就是它的上方必须要有东西，否则可能没有效果，因为它在检测的时候有一个判断：bottom>0，所以如果你在第一个元素使用lazy-component可能没有效果。
暂无评论