vue-lazyload的配置

Vue-Lazyload 是一个 Vue.js 图片懒加载插件，可以延迟加载页面中的图片，以优化页面加载性能。

以下是 Vue-Lazyload 的基本配置选项：

1. `loading`: 设置图片未加载时的占位图，可以是图片链接或者 Base64 编码的图片字符串。

2. `error`: 设置图片加载失败时的占位图，可以是图片链接或者 Base64 编码的图片字符串。

3. `attempt`: 图片加载失败时的最大重试次数，默认为 3 次。

4. `lazyComponent`: 懒加载组件，可以是一个 Vue 组件或者一个函数返回一个 Promise 对象。

5. `observer`: 是否开启 IntersectionObserver 监听滚动事件，默认为 true。

6. `listenEvents`: 监听事件类型，可以是一个数组，包含 mouseover、scroll、touchmove 等事件。

7. `adapter`: 可以自定义 IntersectionObserver 实例，用于兼容不同浏览器和平台。

8. `filter`: 过滤器，用于过滤需要懒加载的图片元素。

9. `throttleWait`: 节流等待时间，用于控制 scroll 和 resize 事件的触发频率。

10. `preLoad`: 预加载高度比例，用于设置图片预加载的高度比例，默认为 1.3。

11. `error`: 图片加载失败时的占位图。

示例代码：

import Vue from 'vue'
import VueLazyload from 'vue-lazyload'

Vue.use(VueLazyload, {
  loading: '/static/loading.gif',
  error: '/static/error.png',
  attempt: 3
})

以上代码会在 Vue 中全局注册 Vue-Lazyload，并且设置默认的 loading 和 error 图片路径，以及最大重试次数为 3 次。在模板中使用 `v-lazy` 指令即可实现图片懒加载：

<img v-lazy="'/static/image.jpg'" alt="image">