在 vue中 require 后面如何加图片

在 Vue 中，可以使用 `require` 来引入图片。假设你的图片位于 `src/assets/images` 目录下，你可以通过以下方式在 Vue 组件中引入图片：

<template>
  <div>
    <img :src="require('@/assets/images/image-name.png')" alt="图片" />
  </div>
</template>

其中，`@` 符号是 Vue CLI 默认配置的别名，指向 `src` 目录。你可以根据自己的配置修改这个别名。`image-name.png` 是你要引入的图片文件名。使用 `require` 会返回图片的 URL，这个 URL 可以直接作为 `img` 标签的 `src` 属性值。

需要注意的是，使用 `require` 引入图片时，Webpack 会自动将图片文件打包，并将生成的文件名作为图片的 URL。因此，你在使用 `require` 引入图片时，不需要指定文件的后缀名。