16.在一行中懒加载图片

Posted 2022-08-29 @大迁世界

这节课，我们来看下 v-lazy-image 这个库。

使用 v-lazy-image，我们可以只在图像进入视口时才会加载它们。

v-lazy-image 支持 Vue 3，但它也有一个兼容的 Vue 2 版本。首先，我们通过下面命令安装一下：

npm install v-lazy-image

对于 Vue3 ，我们可以这样导入：

<script setup>
  import VLazyImage from "v-lazy-image";
</script>

对于 Vue2 ，可以这样导入：

import VLazyImage from "v-lazy-image/v2";

export default