vue img 图片路径

在 Vue 中，如果要显示图片，可以使用 `img` 标签，然后将图片的路径绑定到 `src` 属性上，例如：

<template>
  <div>
    <img :src="imageUrl" alt="My Image">
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: require('@/assets/images/my-image.png')
    }
  }
}
</script>

在上面的代码中，`require('@/assets/images/my-image.png')` 会返回一个图片的路径，这个路径会被绑定到 `src` 属性上，从而显示图片。其中，`@` 表示的是项目根目录，`assets` 表示的是存放图片的目录，`my-image.png` 则是图片的文件名。需要注意的是，如果图片是存放在 public 目录下的话，可以直接将图片的路径绑定到 `src` 上，例如：

<img src="/images/my-image.png" alt="My Image">

这里的 `/images/my-image.png` 表示的是 public 目录下的 `images` 子目录中的 `my-image.png` 文件。