vue-lazyload图片懒加载项目应用

1. Github网站地址 ：https://github.com/hilongjw/vue-lazyload

• 下载包   npm install --save vue-loader
• 引入并且应用插件(main.js)
  • import Vue-lazyload from 'vue-lazyload'
  • Vue.use(Vue-lazyload)
• 在main中可以配置使用

  • import VueLazyload from 'vue-lazyload'

    import loading from './common/img/loading.gif'

    Vue.use(VueLazyload, {
      loading    //加载之前显示的图片
    })

  •  

    在具体页面中把src换为v-lazy

• 页面中引用

  • <img v-lazy="food.image">

插件配置参数