Javascript 如何在vue3上延迟加载图像？

嗨，伙计们，我制作了giphy搜索应用程序，但是图像加载速度很慢，我怎么能让它延迟加载呢

现场： src:

您可以使用库来执行此操作

1-首先，使用npm安装包装：

npm i vue-lazyload

2-之后，将VueLazyload插件添加到您的Vue应用程序：

从“Vue”导入Vue
从“./App.vue”导入应用程序
从“vue lazyload”导入VueLazyload
Vue.use（VueLazyload）
//还是有选择
Vue.use（VueLazyload{
预载：1.3，
错误：“dist/error.png”，
正在加载：“dist/loading.gif”，
尝试次数：1
})
新Vue({
el:‘身体’，
组成部分：{
应用程序
}
})

3-然后您可以在任何地方使用它：

但仅运行vue 1和2Vue lazyload的vue lazyload不支持VueJS 3