在項目中我們可能會使用到圖片懶加載，可是怎么實(shí)現(xiàn)呢据过？其實(shí)非常簡單惋砂，我們來學(xué)習(xí)一下！
1绳锅、下載依賴
npm install vue-lazyload --save
2西饵、引入
import VueLazyLoad from 'vue-lazyload';
在項目中的main.js引入并且配置
3、配置
Vue.use(VueLazyLoad,{
? ? error:require('./assets/success.gif'),
? ? loading:require('./assets/fail.gif')
});
4榨呆、使用
<img v-lazy="min.img">
總結(jié)：在使用時，我們只需將原來的：src屬性換成v-lazy就可以實(shí)現(xiàn)懶加載的效果庸队。
圖片懶加載积蜻，其實(shí)就是在數(shù)據(jù)還沒有加載完成的時候，我們先使用本地圖片加載到頁面中等待所需圖片的加載彻消，這樣布局不會受到影響竿拆，用戶體驗也是非常良好的。
