图片懒加载插件 - vue-lazyloadImg

2016-09-12      3      Vue
项目简介

vue-lazyloadImg

图片懒加载插件

如何使用?

step 1 安装

npm install --save vue-lazyloadimg

step 2 使用vue

导入 vue-lazyloadimg

import vueLazyImg from 'vue-lazyloadimg';
import vue from 'vue';
vue.use(vueLazyImg);

step 3 .vue设置图片

模块读取lazyimg类和缓存到onscroll事件。

<img src="{{'1x1 transform png'}}" :data-src="{{need load img url}}" class="lazyimg" alt="">

build script

use babel.