第一步：安装

命令：npm install vue3-lazy -S

第二步：在main.ts中配置

import lazyPlugin from 'vue3-lazy'
app.use(lazyPlugin, {
    loading: './assets/images/200.png', // 图片加载时默认图片
    error: './assets/images/200.png'// 图片加载失败时默认图片
})

在这里插入图片描述

第三步：页面中使用

<ul>
  <li v-for="user in userList">
    <img v-lazy="user.avatar" >
  </li>
</ul>