vue lazy container:检测页面中元素的可见性 源码

Vue懒惰的容器 English | 介绍 vue惰性容器,通过检测页面中元素的可见性,决定是否加载资源并进行渲染。 为什么 当页面内容超过一个屏幕时,我们通常只希望加载和呈现当前屏幕的数据。随着页面的滚动,加载并呈现以下内容。 这可以大大提高页面打开速度,并减少额外的网络请求(xhr)。vue-lazy-container可以帮助我们解决此问题。 在线演示 更多细节请参考这个。 安装 npm install vue-lazy-container 或者 yarn add vue-lazy-container 用法 在mian.js中编写以下内容: import VueLazyContainer from "vue-lazy-container" ; Vue . use ( VueLazyContainer ) ; 例子: < vue-lazy-cont