Vue的img組件是一個非常常用和實用的組件，它可以讓我們快速的加載和顯示圖片。

在Vue中，我們可以使用img標簽來引入圖片，也可以使用Vue提供的img組件更方便的進行圖片操作。

<img src="https://example.com/path/to/image.jpg"/>
//或者
<img :src="imageUrl"/>

其中，imageUrl可以是一個data屬性或者計算屬性，來動態(tài)的根據(jù)變量來加載不同的圖片。

<template>
<img :src="getImageUrl(imageName)"/>
</template>
<script>
export default {
data() {
return {
imageName: 'example'
}
},
methods: {
getImageUrl(name) {
return `https://example.com/path/to/${name}.jpg`
}
}
}
</script>

除此之外，img組件還提供了lazy屬性，可以懶加載圖片，當圖片進入可視區(qū)域時才會加載，這可以提高頁面加載速度和用戶體驗。

<template>
<img :src="imageUrl" :lazy="true"/>
</template>
<script>
export default {
data() {
return {
imageUrl: 'https://example.com/path/to/image.jpg'
}
}
}
</script>

總的來說，Vue的img組件非常實用且易用，可以方便的加載和處理圖片。