图片的懒加载（vue-lazyload）

定义：当一个网站的图片数量较多时，直接加载可能会有很大的开销，不利于性能，这时可以将所有的图片换成轻量的占位图，不加载图片。而当用户真正滚动到图片出现时，再迅速将占位图片换成真正我们想展示的图片，这整个过程就是懒加载。

• 在终端安装vue-lazyload

npm install vue-lazyload --save

• 在main.js中导入并使用

import VueLazyLoad from "vue-lazyload";

//使用懒加载的插件
Vue.use(VueLazyLoad, {
  //加载前的占位图片
  loading: require('./assets/img/common/placeholder.png')
})