vue图片懒加载插件vue-lazyload的使用（一）

一：npm下载插件：

npm vue-lazyload -d

二、main.js引入：

import  vueLazyLoad from “vue-lazyload”;
Vue.use(vueLazyLoad, {
	preload:1.3,//加载高度比。
	loading:"../..jpg",//加载时的过渡图片
	error:"...jpg",//加载失败的图片
	attempt: 3//每次加载的张数。
	})
	

三、在组件中的使用；

单个图片加载：
将img的路径地址的属性:src改成v-lazy;
 <img v-lazy="../../static/1.jpg" alt=""> 

组合图片加载：
<div v-lazy-container="{ selector: 'img'}">
	<img :data-src="">
	<img :data-src="" >
</div>