小程序vant实现图片懒加载

Vant是一个基于Vue.js的移动端UI组件库，其提供了图片懒加载的功能。具体实现方法如下：

1. 在需要进行懒加载的图片标签中加入v-lazy指令，如下所示：

<van-image v-lazy="imageUrl"></van-image>

2. 在组件中引入lazyload插件，并在created()生命周期函数中进行插件的初始化，如下所示：

import VueLazyload from 'vue-lazyload'

export default {
    created() {
        Vue.use(VueLazyload, {
            preLoad: 1.3,
            error: 'dist/error.png',
            loading: 'dist/loading.gif',
            attempt: 1
        })
    }
}

其中，preLoad表示预加载的高度比例，error和loading表示加载出错和加载中的占位图，attempt表示尝试加载的次数。

这样，当组件滚动到图片位置时，图片才会开始加载，从而实现了图片的懒加载。