vue-cli环境下 图片懒加载插件的使用

1)插件地址:https://github.com/hilongjw/vue-lazyload

2)简单使用方法

     a) 安装插件:npm install vue-lazyload --save-dev

     b) 在src目录下的main.js  配置

import VueLazyLoad from 'vue-lazyload'
Vue.use(VueLazyLoad,{
  error:'./static/error.jpg',
  loading:'./static/loading.gif'
})
c)将vue组件中写入  v-lazy等同于v-bind:src

    

api扩展

 vue-cli环境下 图片懒加载插件的使用_第1张图片 

https://www.cnblogs.com/xyyt/p/7650539.html(<-----原文参考)

你可能感兴趣的:(前端,vue)