图片懒加载插件 Vue-Lazyload,现在支持 Vue2.0 的啦

阅读 6316
收藏 169
2016-08-18
原文链接:github.com

Vue-Lazyload

see demo: hilongjw.github.io/vue-lazyloa…

Vue module for lazyloading images in your applications. Some of goals of this project worth noting include:

  • Be lightweight, powerful and easy to use
  • Work on any image type
  • Add loading class while image is loading
  • Supports both of Vue 1.0 and Vue 2.0

Requirements

  • Vue: 1.0.0
  • Vue: 2.0.0

Install

From npm:


$ npm install vue-lazyload --save

Usage

//main.js

import Vue from 'vue'
import App from './App.vue'

// supports both of Vue 1.0 and Vue 2.0
import VueLazyload from 'vue-lazyload'

Vue.use(VueLazyload, {
  error: 'dist/error.png',
  loading: 'dist/loading.gif',
  try: 3 // default 1
})

new Vue({
  el: 'body',
  components: {
    App
  }
})







评论