vue中实现图片懒加载的方法（二）

背景：

上期实现了图片懒加载，但是经过测试，使用组件的方式会有卡顿的问题。通过查看图片请求，发现图片加载按顺序请求，如下图：

 发现卡顿是因为图片从上到下依次加载，上面加载完成显示下面的，在滚动的时候就会感觉有卡顿感、

优化：

将上期组件内的 img 标签干掉，监听其父元素，当父元素进入可视区域内，动态创建 img 添加到父元素内，上代码，BGM 起

使用：

在父组件中使用

完结： vue中图片懒加载组件流畅性完美解决，撒花

疑问： 为什么组件内部直接写 img 会有卡顿现象？而动态创建的img 标签则很流畅，这是什么原因？欢迎一起讨论