在Vue中，我們可以使用src屬性來設置圖片的路徑，但是對于一些特殊的情況，我們需要在頁面上顯示一些圖標，如購物車、喜歡等等，這時候使用圖片作為圖標可能顯得不太方便。對于這種情況，我們可以使用字體圖標或SVG來代替圖片，而在Vue中顯示圖標的方式也有很多種。

一個常用的方法是使用Font Awesome字體圖標庫，該庫中包含了各種類型的圖標，我們可以使用NPM安裝并在Vue中引入。在開始使用之前，我們需要安裝兩個依賴：

npm install --save @fortawesome/fontawesome-svg-core
npm install --save @fortawesome/free-solid-svg-icons

安裝完依賴庫之后，我們在代碼中引入庫并初始化，同時加載所需要的圖標：

import { library } from '@fortawesome/fontawesome-svg-core'
import { faCoffee } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
library.add(faCoffee)
Vue.component('font-awesome-icon', FontAwesomeIcon)

上面的代碼中，我們先從庫中引入需要使用的圖標，然后將其添加到library中，最后通過Vue.component注冊組件。在頁面中使用時，我們可以使用以下方式：

其中icon屬性為需要顯示的圖標名稱。

除了使用字體圖標庫，我們也可以使用SVG圖標。在Vue中，我們可以使用一個名為vue-svg-icon的組件來快速加載SVG圖標。首先，我們需要安裝該組件：

npm i -S vue-svg-icon

然后在代碼中引入并注冊組件：

import SvgIcon from 'vue-svg-icon/Icon.vue'
Vue.component('svg-icon', SvgIcon)

最終，我們可以在頁面中使用以下方式來加載SVG圖標：

其中name屬性為SVG圖標名稱，SVG圖標需要在src/assets/icons目錄下，并以.svg格式命名。

總之，在Vue中顯示圖標的方式有很多種，通過上面的介紹，我們可以選擇一種最適合自己的方式來加載圖標。