图片懒加载

Vue-Lazyload

gitHub地址

npm i vue-lazyload -S

 npm install --save vue-lazyload

plugins目录

import Vue from "vue";

import VueLazyload from "vue-lazyload";

import loading from "@assets/imgs/loding.gif";
Vue.use(VueLazyload, {
  loading: loading,
});

main.js

// main.js中引入图片懒加载
import "./plugins/lazyLoad";

v-lazy指令使用即可

把所有的:img换为v-lazy

 <img v-lazy="img.src" >