vu e图片懒加载

Vue中使用图片懒加载需要使用第三方库，常用的有vue-lazyload和vue-lazy-component。

1. 使用vue-lazyload：

首先，安装vue-lazyload：

npm install vue-lazyload --save

然后，在main.js中引入并注册：

import Vue from 'vue'
import VueLazyload from 'vue-lazyload'
 
Vue.use(VueLazyload)

接下来，在需要懒加载的图片标签中，将src属性改为v-lazy属性即可：

<img v-lazy="your-image-path.jpg">

2. 使用vue-lazy-component：

首先，安装vue-lazy-component：

npm install vue-lazy-component --save

然后，在main.js中引入并注册：

import Vue from 'vue'
import VueLazyComponent from '@xunlei/vue-lazy-component'
 
Vue.use(VueLazyComponent)

接下来，使用<lazy-component>标签包裹需要懒加载的图片，并设置v-bind:src属性：

<lazy-component v-bind:src="your-image-path.jpg"></lazy-component>

以上两种方法都是比较常用的懒加载图片的方式，根据自己的需求选择即可。