第一步安裝：
$?npm?i?vue-lazyload?-S? ?或者<script?src="https://unpkg.com/vue-lazyload/vue-lazyload.js"></script>
第二步?引入：
import VueLazyLoad from 'vue-lazyload'? 如果是cdn則不需要這一步?
第三步：使用/初始化
Vue.use(VueLazyload,?{
??preLoad:?1.3,? ? ? ? ? ? ? ? //預(yù)加載圖片的比例
??error:?'dist/error.png',? ? //圖片加載失敗顯示的圖片
??loading:?'dist/loading.gif',?????//圖片加載中顯示的圖片，防止白屏
??attempt: 5? ? ? ? ? ? ? ? ? ? //一次加載幾張
})
附上懶加載屬性的值（轉(zhuǎn)載）
提示：在腳手架開(kāi)發(fā)中在mian里面引入圖片可以使用require（“圖片的路徑”）；來(lái)代替loading的值
第四步修改頁(yè)面代碼用v-lazy代替 ：src
例如 ：<ul>
??<li?v-for="img?in?list">
????<img?v-lazy="img.src"?>
??</li>
</ul>
提示：vue文件中需要懶加載的背景圖片底循，v-lazy:background-image="imgUrl"
<div v-lazy:background-image="imgLink"></div>
