關於Vue懶加載問題

有關Vue懶加載其實並不是想象的那么難和復雜：

首先引入 

import  VueLazyLoad from 'vue-lazyload';

其次是使用

Vue.use(VueLazyLoad,{

error:require(['./assets/404.jpg']);
loading:require(['./assets/loading.jpg']);

});
這里說下他的原理比如在咱們頁面中拿到20條數據但是其他的暫時沒必要

請求，這是VueLazyLoad將自定義一個屬性，

<img class="item-pic" v-lazy="newItem.picUrl"/>
v-lazy="newItem.picUrl",看到這個newItem.picUrl就是真實的21------n++條數據（圖片的地址）；
但是如果真的到了這，我們不會直接把圖片展示出來，而是loading，出現一個loading的圖片增加用戶體驗