Vue vue-lazyload懒加载

1.安装，在vue-cli中安装

npm install vue-lazyload -D

2.在vue-cli中的使用

在main.js中配置

import VueLazyload from 'vue-lazyload'
 
//使用懒加载组件
Vue.use(VueLazyLoad,{
  loading:require('./assets/car/Loading_failed.png'),
  attempt:3
})

3.把图片img里面路径 ：src改为v-lazy 就可以了

 <div class="car_list_left">
    <img
      v-lazy="`http://www.ibugthree.com/${item.img_src}`"
      alt=""
      class="bottom_loading_two"
     />
 </div>

好用请多多支持哦！