手写懒加载功能，组件方式引入，有卡顿现象

vue项目中，自己实现了一个图片懒加载的功能，但是现在遇到一个问题：
问题： 直接在页面中实现功能，很流畅，无卡顿，而封装成组件后引入使用，滚动时会有卡顿现象，手机上不明显，电脑端有这种现象

我怀疑跟组件的渲染流程有关系

我想要达到的结果：组件形式懒加载功能，滚动流程，不卡顿

有卡顿现象会不会是高度判断的不准确
可以参考一下https://www.cnblogs.com/mamimi/p/7646358.html

哪得看 具体代码 了 ，你调试一下 进入组件后 使用 谷歌的性能面板 。 它可以看出 是哪个地方消耗的性能，甚至直接定位到代码里 。

你代码里如果有 涉及到 获取 高度 这种（不限于高度） 。比如

 let s=document.getElementById("t");
  if(s.scrollHeight>xxx){
    //xxx
   }
  

  //改成用变量 会 好很多  因为不用 变量它会 重新 获取 计算
  let s=document.getElementById("t");
  let height=s.scrollHeight;
  if(height>xxx){
    //xxx
  }

这个面板 技巧和用法 你可以 看看这个视频 ，我觉得 讲的挺好的 ，希望对你有帮助

https://v.douyin.com/rFXoKyg/