lazyload-vue
Vue Plugin for vanilla-lazyload
Build status:
features
- Simple usage with
v-lazy-src
- Accepts options
Vue.use(LazyloadVue, options)
- Multiple instances
- Scrolling Panel
- Multiple scrolling panels
- Responsive images - img tag with srcset / sizes
- Responsive images - picture tag
- Delay load
- Videos - Tag video
- Lazy Iframes
- Lazy Background images with
v-lazy-bg
Install
yarn add lazyload-vue
Usage
Vue
Directive lazy-src example
Directive lazy-container example
... other images
Example with options
Vue
Check options section on documentation: vanilla-lazyload
Development Setup
# Project setup
yarn install
# Compiles and hot-reloads for development
yarn start
# Compiles and minifies for production
yarn build
# Run your tests
yarn test
# Lints and fixes files
yarn lint
# Run your unit tests
yarn test:unit