【vue】---- 圖片懶加載

1.作用

　　在圖片較多的頁面中，頁面加載性能較差。使用圖片懶加載可以讓圖片出現在可視區域時再進行加載，從而提高用戶體驗。

2.原理

　　設置img標簽的src屬性為空或統一的圖片路徑（如加載中樣式），監聽頁面的滾動，當圖片出現在可視區域時再為src重新賦值。

3.實現

　　在vue項目中，可以使用vue的vue-lazyload插件。

• 安裝插件：npm install vue-lazyload --save-dev
• 引入插件：import VueLazyload from 'vue-lazyload'
• 使用插件：Vue.use(VueLazyload)
• 修改圖片顯示方式：<img v-lazy="/public/images/a.jpg/">
• 插件的配置項：