日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

在 vue 項目中，圖片文件可以放置在靜態資源目錄（static 或 public）、assets 子目錄或組件文件內。引用圖片可以使用 src 屬性，并根據圖片放置位置使用不同的路徑。

Vue 圖片文件放置位置

在 Vue 項目中，圖片文件通常放置在以下位置：

1. 項目根目錄的靜態資源目錄

名稱：static 或 public

一般放置圖像、字體、CSS 和 JavaScript 等靜態資源

2. assets 子目錄

src/assets
專用于放置圖像、圖標和媒體文件

3. 組件文件內

對于需要嵌入到組件內的圖像，可以將其放在組件文件中：
src/components/MyComponent.vue

<code class="html"><template><img src="./image.jpg" alt="My Image"></template></code>

登錄后復制

如何引用圖片？

使用 src 屬性：

<code class="html"><img src="/static/image.jpg" alt="My Image"></code>

登錄后復制

相對于組件文件路徑：

<code class="html"><img src="./image.jpg" alt="My Image"></code>

登錄后復制

對于在組件文件中嵌入的圖像，使用相對路徑：

<code class="html"><img src="@/assets/image.jpg" alt="My Image"></code>

登錄后復制