Vue提供了一個指令v-img，用于在圖片加載完成后顯示圖片。v-img指令會監聽圖片的load事件以確保圖片加載完成后才顯示出來。

使用v-img指令時，需要將圖片的src綁定到指令的值上：

<template>
<div v-for="img in images">
<img :src="img.url" v-img />
</div>
</template>

在以上代碼中，img.url是將要加載的圖片的地址。使用v-img指令，當圖片加載完成后就會顯示出來。

另外，v-img指令也可以設置一個默認圖片，當圖片加載出現問題時會顯示該默認圖片：

<template>
<div v-for="img in images">
<img :src="img.url" v-img="defaultImg" />
</div>
</template>
<script>
export default {
data() {
return {
defaultImg: 'default.jpg',
images: [
{ url: 'image1.jpg' },
{ url: 'image2.jpg' },
{ url: 'image3.jpg' }
]
}
}
}
</script>

在以上代碼中，v-img指令的值為defaultImg，即默認圖片的路徑。加載圖片時如果出現問題，就會顯示該默認圖片。