vue 中引用图片在前面加~

在 Vue 中引用图片时，可以使用相对路径或绝对路径。使用相对路径时，如果图片文件与当前组件文件在同一目录下，则可以直接使用文件名引用图片，如：

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

如果图片文件不在当前组件文件所在目录下，则需要使用相对路径来引用图片。在这种情况下，你可以在路径前加上 `../` 或者 `./` 来表示父级目录或者当前目录。例如：

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

如果你想使用绝对路径来引用图片，可以在路径前加上 `~` 符号，如：

<template>
  <img src="~/assets/my-image.png" alt="My Image">
</template>

这种方式可以让 Vue 自动解析成基于根目录的绝对路径。