Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 2 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 (about 8 years ago)
- Default Branch: master
- Last Pushed: 2016-11-03T17:27:30.000Z (about 8 years ago)
- Last Synced: 2024-10-18T20:46:51.381Z (3 months ago)
- Topics: image, javascript, lazy, lazy-load, vue
- Language: HTML
- Homepage: https://gocanto.github.io/lazy-vue
- Size: 122 KB
- Stars: 62
- Watchers: 5
- Forks: 15
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-vue - lazy-vue - vue?style=social) - 懒加载图片 (实用库)
- awesome-github-vue - lazy-vue - 懒加载图片 (实用库)
- awesome-github-vue - lazy-vue - 懒加载图片 (实用库)
- awesome - 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]