16.在一行中懒加载图片

Posted @大迁世界

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了16.在一行中懒加载图片相关的知识，希望对你有一定的参考价值。

这节课，我们来看下 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

以上是关于16.在一行中懒加载图片的主要内容，如果未能解决你的问题，请参考以下文章