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.在一行中懒加载图片的主要内容,如果未能解决你的问题,请参考以下文章