Web開發中，我們經常需要在網頁上顯示圖片，這時候就需要用到引用src圖片的方法。在Vue中，我們可以使用img標簽來引用src圖片。

<img src="image_path">

其中，image_path是圖片的路徑。如果圖片位于與HTML文件相同的目錄下，可以直接寫圖片名稱；如果圖片位于其他目錄下，則需寫明路徑。比如，如果圖片位于img文件夾下，可以寫成這樣：

<img src="img/myImage.jpg">

在Vue中，我們也可以在組件中使用img標簽來引用src圖片。不過，不同的是，組件中的img標簽需要使用Vue的綁定語法，即使用v-bind指令綁定src。如下所示：

<img v-bind:src="image_path">

其中，v-bind:src表示將圖片的src屬性綁定到image_path變量上。

在Vue中，我們也可以使用require方法來引用src圖片。在使用require方法引用圖片時，圖片路徑需要使用相對路徑，并需要包含相對路徑的前綴。該前綴為webpack打包后生成的文件路徑，因此需要在前綴后加上“~”符號。如下所示：

require('~assets/images/myImage.jpg')

其中，~assets/images/表示相對路徑的前綴，myImage.jpg表示圖片名稱。需要注意的是，如果在組件中使用require方法引用圖片，則需要將該方法放在export default之外，如下所示：

<script>
export default {
data() {
return {
image_path: require('~assets/images/myImage.jpg')
}
}
}
</script>

在Vue中還可以使用Base64編碼的圖片，這種方式可以減少對服務器的請求，提高網頁的加載速度。需要將圖片轉換為Base64編碼，并在img標簽中直接引用該編碼。如下所示：

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA

其中，data:image/png;base64表示Base64編碼的圖片類型，后面是編碼字符串。

總之，Vue中引用src圖片有多種方式，選擇哪種方式主要取決于實際需求和圖片的大小、數量等因素。