vue自定义懒加载指令
vue自定义懒加载指令一、介绍二、自定义指令三、使用方法四、实现效果一、介绍懒加载(Load On Demand)——也称为延迟加载,它能够在用户滚动页面的时候自动获取更多的数据,而新得到的数据不会影响原有数据的显示,同时最大程度上减少服务器端的资源耗用。其关键就是,在图片没有进入可视区域时,先不给的src赋值,这样浏览器就不会发送请求了,等到图片进入可视区域再给src赋值。二、自定义指令vue3.0写法1、安装插件yarn add @vueuse/core -S2、创建lazy-image.
原创
2021-09-03 16:42:33 ·
452 阅读 ·
0 评论