Où placer les fichiers image vue

Dans un projet Vue, les fichiers image peuvent être placés dans le répertoire de ressources statiques (statique ou public), le sous-répertoire d'actifs ou le fichier de composant. Vous pouvez référencer des images à l'aide de l'attribut src et utiliser différents chemins en fonction de l'endroit où l'image est placée.

Emplacement de placement du fichier image Vue

Dans un projet Vue, les fichiers image sont généralement placés aux emplacements suivants :

1. Répertoire de ressources statiques dans le répertoire racine du projet

• Nom : static ou publicstatic 或 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>

  Copier après la connexion

如何引用图片？

• 使用 src

  Placez généralement les ressources statiques telles que les images, les polices, CSS et JavaScript

• 2 sous-répertoire assets

• . src/assets

<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>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!