vue3 이미지 지연 로딩 사용 vue3-lazy

깃허브 주소: https://github.com/ustbhuangyi/vue3-lazy

main.js:

import App from './App.vue'
import lazyPlugin from 'vue3-lazy'

createApp(App)
      .use(lazyPlugin, {
    loading: require('@/assets/images/default.png'), // 图片加载时默认图片
    error: require('@/assets/images/error.png')// 图片加载失败时默认图片
  })
  .mount('#app')

 주형

<ul>
  <li v-for="img in list">
    <img v-lazy="img.src" >
  </li>
</ul>