全局自定义指令实现图片懒加载，vue2通过js和vueuse的useintersectionObserver实现

文章浏览阅读91次，点赞2次，收藏4次。2.创建自定义指令,我是将指令封装到单独的directive文件夹里，更符合实际开发场景。1.创建dom元素,v-lazy为自定义指令，在自定义指令传入图片的url。1.使用全局自定义指令创建图片懒加载指令。3.在main,js中注册全局自定义指令。4.在自定义指令中实现图片懒加载逻辑。3.实现判断图片是否在视口内的逻辑。2.在全局自定义指令中。