图片懒加载——lazyload

vue-lazyload - npm

上面链接为官方指导

1.安装vue2所兼容的版本

npm i vue-lazyload

2.在main.js中引入插件和图片

// 引入懒加载插件,引入图片import atm from '@/assets/1.gif'import VueLazyload from 'vue-lazyload'Vue.use(VueLazyload,{loading:atm})

3.将需要懒加载的图片 :src=" "更改为v-lazy

<img v-lazy="good.defaultImg" />

即可完成——当服务器返回的数据页面没有来得及渲染的时候，所呈现的等待图片提示