在Vue中，我們可以使用標簽來向頁面中引入圖片，這個過程可以通過設置src屬性來實現。這個屬性可以是一個靜態的字符串，也可以是一個通過Vue計算屬性來動態生成的字符串。

首先，我們需要將圖片文件放置在項目中的public文件夾中，這樣瀏覽器才能夠訪問到它。然后，我們可以使用相對路徑或絕對路徑來引用這個圖片，具體代碼如下：

當使用相對路徑時，我們需要使用相對于當前文件所在目錄的路徑來引用圖片。例如，如果我們的Vue文件和圖片文件都在src/assets文件夾中，那么我們可以使用"./assets/logo.png"來引用圖片。

當使用絕對路徑時，我們需要使用圖片在遠程服務器上的URL地址來引用圖片。這種方式適合于不需要考慮項目文件結構的情況，但是需要保證圖片在服務器上可被訪問。

除了簡單的靜態圖片引用，我們還可以通過Vue計算屬性來動態生成圖片URL。這種情況適合于需要根據運行時環境等動態生成圖片URL的情況。具體代碼如下：

在這個例子中，我們通過判斷isMobile變量的值來動態生成圖片URL。如果isMobile為true，那么我們就加載mobile.png，否則加載desktop.png。

除此之外，我們還可以通過在Vue項目中使用Webpack等構建工具來實現對圖片的優化和處理。這些優化和處理包括但不限于圖片壓縮、圖片轉換為Base64編碼等。

總的來說，Vue中的圖片引用是一個簡單而靈活的過程。我們可以通過設置img標簽的src屬性來引用靜態的圖片，也可以通過Vue計算屬性來動態生成圖片URL，同時還可以通過構建工具來對圖片進行優化和處理。