实现图片的懒加载:当要显示的时候才去加载
第一步:npm安装: npm install vue-lazyload --save
第二步:在main.js中 导入 : improt VueLazyLoad from 'vue-lazyload'
第三步:安装插件 Vue.use(VueLazyLoad),
也可以在给它传入一些其他东西,比如说‘占位图’
例子: Vue.use(VueLazyLoad,{
loading: require('图片存放路径')
})
第四步:之前我们在<img> 标签中 都是使用 :src="" 的方式来显示图片的, 现在我们将 :src 换成 v-lazy 就可以了