在 vue 項(xiàng)目中，圖片文件可以放置在靜態(tài)資源目錄（static 或 public）、assets 子目錄或組件文件內(nèi)。引用圖片可以使用 src 屬性，并根據(jù)圖片放置位置使用不同的路徑。
Vue 圖片文件放置位置
在 Vue 項(xiàng)目中，圖片文件通常放置在以下位置：
1. 項(xiàng)目根目錄的靜態(tài)資源目錄
名稱：static 或 public
一般放置圖像、字體、CSS 和 JavaScript 等靜態(tài)資源
2. assets 子目錄
src/assets
專用于放置圖像、圖標(biāo)和媒體文件
3. 組件文件內(nèi)
對(duì)于需要嵌入到組件內(nèi)的圖像，可以將其放在組件文件中：src/components/MyComponent.vue
<code class="html"><template><img src="./image.jpg" alt="My Image"></template></code>
登錄后復(fù)制
如何引用圖片？
使用 src 屬性：
<code class="html"><img src="/static/image.jpg" alt="My Image"></code>
登錄后復(fù)制
相對(duì)于組件文件路徑：
<code class="html"><img src="./image.jpg" alt="My Image"></code>
登錄后復(fù)制
對(duì)于在組件文件中嵌入的圖像，使用相對(duì)路徑：
<code class="html"><img src="@/assets/image.jpg" alt="My Image"></code>
登錄后復(fù)制
