Javascript Vue.js找不到图像

我使用Vue CLI。Vue最新版本（3.9.3）。Vue找不到我的图像。 我附上了一些截图。 为什么不显示图像

第一图像（结构）

第二个图像（模板）

第三图像（脚本）

第四幅图像（结果）

---

您必须执行以下步骤：

您需要像这样在组件中导入图像：

从“@/assets/images/user-1.png”导入用户图像


使用局部变量设置引用：
userimage:userimage，
botimage:botimage，


在HTML中使用它们，如：



因此，基本上你要导入它们并在模板中使用它们，这很简单。
对于
img
标记中的
src
属性，你可以使用
require（@/assets/logo.jpg”）
如下：

<img :src="require('@/assets/logo.png')">


请不要添加图像。添加代码。如果未修改其他vue cli配置，则应使用/images/flag-1.png。