vue-lazy-img

A component for image lazy loading implement by vuejs

Demo

Demo

Usage

Install

npm install vue-lazy-img --save

And, if you are using vue 2.0

npm install vue-lazy-img@next --save

CommonJS

var VueLazyImg = require('vue-ip-input');

new Vue({
    components: {
        'vue-lazy-img': VueLazyImg
    },
    template: '<vue-lazy-img source="..." placeholder="..."></vue-lazy-img>'
});

ES6

import VueLazyImg from 'vue-lazy-img';

new Vue({
    components: {
        'vue-lazy-img': VueLazyImg
    },
    template: '<vue-lazy-img source="..." placeholder="..."></vue-lazy-img>'
});

Props

| Property | Description | |:--|:--| | source | the source of the image | | placeholder | the placeholder of the image which will be loaded before the source |

License

MIT