https://github.com/gocanto/lazy-vue

A small lazy image loader for Vue
https://github.com/gocanto/lazy-vue

image javascript lazy lazy-load vue

Last synced: 3 months ago
JSON representation

A small lazy image loader for Vue

• Host: GitHub
• URL: https://github.com/gocanto/lazy-vue
• Owner: gocanto
• License: mit
• Created: 2016-11-02T20:05:02.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2016-11-03T17:27:30.000Z (over 7 years ago)
• Last Synced: 2024-03-18T23:21:00.885Z (3 months ago)
• Topics: image, javascript, lazy, lazy-load, vue
• Language: HTML
• Homepage: https://gocanto.github.io/lazy-vue
• Size: 122 KB
• Stars: 63
• Watchers: 5
• Forks: 15
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-vue - lazy-vue - vue?style=social) - 懒加载图片 (实用库)
• awesome-vue-refactor - lazy-vue
• awesome-github-vue - lazy-vue - 懒加载图片 (实用库)
• awesome-github-vue - lazy-vue - 懒加载图片 (实用库)
• awesome - lazy-vue - 懒加载图片 (实用库)
• awesome-github-vue - lazy-vue - 懒加载图片 (实用库)

README

        
# lazy-vue









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

```js

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:

```js

require('lazy-vue');

```

Take a look at the example published.

# Implementing the directive in your HTML code

```HTML



    



```


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](https://twitter.com/gocanto)!

Thanks!

Gustavo Ocanto.

[email protected]