如何在 Vue 中导入图片？
2023-11-24 阅读 177
在Vue中导入图片有几种方式，具体取决于你的需求和项目的配置。
1. 使用require导入：在Vue组件中，可以使用require语法来导入图片。例如：
```javascript
```
这里假设你的图片位于`src/assets`目录下。
2. 使用import导入：如果你的项目使用了Webpack等构建工具，你也可以使用import语法来导入图片。例如：
```javascript
```
这里假设你的图片位于`src/assets`目录下，并且在Vue组件中通过import语法导入。
3. 使用静态资源目录：Vue默认配置了一个静态资源目录`public`，你可以将图片放在该目录下，并通过相对路径来引用。例如：
```javascript
```
这里假设你的图片位于`public/images`目录下。
无论你选择哪种方式，都可以在Vue组件中成功导入和使用图片。
更新于 2023年11月24日
