在Vue開發中，加載圖片是一個非常常見的需求。但是我們往往會遇到一個問題，就是在大量加載圖片時，會出現長時間的等待，這就需要我們使用Vue img loading。Vue img loading 可以讓我們在加載圖片時，顯示一個loading動畫，從而給用戶更好的體驗。

在Vue項目中使用Vue img loading非常簡單，我們可以使用Vue的指令來實現。下面是Vue img loading的使用方法：

Vue.directive('imgLoading',{
bind:function(el,binding){
let img=new Image();
img.src=binding.value;
el.style.backgroundImage='url(http://ohz2cps5f.bkt.clouddn.com/loading.gif)';
el.style.backgroundSize='100% 100%';
img.onload=function(){
el.style.backgroundImage='url('+binding.value+')';
}
}
})

上面的代碼中，我們使用了Vue的指令來綁定我們的Vue img loading。這個指令有一個bind函數，這個函數會在指令綁定到元素上時調用。在bind函數中，我們創建了一個新的圖片對象，并設置了圖片的src。然后我們將元素的背景圖片設置成了loading動畫，并在動畫加載完成后，將背景圖片改為真實的圖片。

最后，在HTML中使用這個指令就可以了。例如：

上面的div元素就會在加載圖片的時候，顯示loading動畫，從而給用戶更好的體驗。這就是Vue img loading的使用方法。