A small lazy image loader for Vue
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demo First release Nov 3, 2016
src/js First release Nov 3, 2016
.gitignore First release Nov 3, 2016
.npmignore First release Nov 3, 2016
LICENSE First release Nov 3, 2016
README.md readme tweak Nov 3, 2016
gulpfile.js First release Nov 3, 2016
package.json version Nov 3, 2016

README.md

lazy-vue

Demo Version Downloads License

lazy-vue is the easiest way to get a lazy image loader working within your vue projects. It is meant to be as simplest as possible, so you do not have to be pulling complicated libraries to accomplish such a task.

Requirements

You will have to install vue

npm install vue

Installation

To install this package you just need to open your console line and type npm install lazy-vue --save. If there is a problem during the installation, trying again using the force param, as so npm i -f lazy-vue

Gettings started

You will have to import the component in your application entry point, so you will be able to call it as global when need it. Example:

require('lazy-vue');

Take a look at the example published.

Implementing the directive in your HTML code

<div v-for="avatar in images">
    <img src="demo/images/nopic.png" v-lazy = "avatar">
</div>

See the example here

Contributing

Please feel free to fork this package and contribute by submitting a pull request to enhance the functionalities.

License

The MIT License (MIT).

How can I thank you?

Why not star the github repo? I'd love the attention! Why not share the link for this repository on Twitter? Spread the word!

Don't forget to follow me on twitter!

Thanks!

Gustavo Ocanto. gustavoocanto@gmail.com