这节课,我们来看下 v-lazy-image
这个库。
使用 v-lazy-image
,我们可以只在图像进入视口时才会加载它们。
v-lazy-image
支持 Vue 3
,但它也有一个兼容的 Vue 2
版本。首先,我们通过下面命令安装一下:
npm install v-lazy-image
对于 Vue3
,我们可以这样导入:
import VLazyImage from "v-lazy-image";
对于 Vue2
,可以这样导入:
import VLazyImage from "v-lazy-image/v2";
export default