vue图片懒加载

Vue图片懒加载是指在页面滚动到图片位置时才加载图片，而不是一次性加载所有图片。这样可以提高页面加载速度，减少网络流量。Vue有一个插件vue-lazyload可以实现图片懒加载。

使用方法如下：

1.安装vue-lazyload插件

npm install vue-lazyload --save

2.在main.js中引入插件并进行配置

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

Vue.use(VueLazyload, {
  loading: '加载中的图片路径',
  error: '加载失败的图片路径'
})

3.在需要懒加载的图片上使用v-lazy指令

<img v-lazy="图片路径">

这样就可以实现图片懒加载了。需要注意的是，v-lazy指令只能用于img标签上。