在Vue項目中，有些圖片鏈接不可用或者加載失敗的情況是難以避免的。此時，我們需要為圖片添加一個默認圖片或者處理圖片加載失敗的情況。Vue提供了一個方便的元素的onerror屬性，來實現圖片加載失敗時的處理。

下面是一個使用Vue img onerror的示例：

我們可以通過在圖片標簽上綁定一個onerror事件來處理圖片加載失敗的情況。具體而言，當加載失敗時，Vue會調用handleImageError方法。

可以在Vue組件中定義handleImageError方法，這個方法可以做任何處理，比如添加一個默認圖片、提示用戶或者嘗試重新加載圖片。以下是一個handleImageError方法的示例：

methods: {
handleImageError() {
this.imageUrl = 'https://www.example.com/default-image.png'
}
}

在這個示例中，當圖片加載失敗時，我們會將imageUrl重置為一個默認圖片的鏈接。

除了在Vue組件中使用img onerror外，我們還可以將它封裝成一個Vue指令，以便在整個項目中重復使用。以下是一個簡單的Vue指令的示例：

Vue.directive('img', {
bind: function (el, binding) {
const img = new Image()
img.src = binding.value
img.onload = function () {
el.setAttribute('src', binding.value)
}
img.onerror = function () {
el.setAttribute('src', 'https://www.example.com/default-image.png')
}
}
})

在這個示例中，我們通過Vue.directive創建了一個名為img的指令。在bind方法中，我們創建了一個Image對象，并嘗試加載綁定值的鏈接。如果加載成功，我們將圖片鏈接設置為元素的src屬性，如果加載失敗，則設置默認圖片鏈接。

以上就是Vue img onerror的一些簡單用法和示例。它是一個非常方便的方法，可以幫助我們處理圖片加載失敗的情況。