我想在VuePress标记文件中显示一个图像。通常，我会选择：
然而，我想创建一个自定义的Vue组件，它将以特定的方式对图像进行样式设置。然后，一些图像将使用"；标准"；markdown语法(如上所述(，以及其他一些使用我的自定义组件的语法。
使用我的自定义组件，我会显示这样的图像：
<MyComponent src="./resources/myimg.png"/>
正如您所看到的，这些图像与我的标记放在resources目录中。这对我来说是有意义的，因为图像靠近它显示的标记。不幸的是，当我使用MyComponent时，图像无法显示。VuePress(webpack？(在构建过程中处理图像，并将它们放置在其他具有不同名称的目录中。"；标准"；Markdown图像引用运行良好，其指向图像的URL由VuePress正确设置。但是，MyComponent不起作用，因为src参数只是VuePress的一个字符串，它不会以任何方式对其进行转换。
我知道一个解决方案是将我的图像放在/vuepress/public文件夹中。然而，我想保留和现在一样的组织——图像和文档。
我怎样才能做到这一点？
我遇到了同样的问题
我在这里使用了@papey为Vue问题提供的答案
他建议
<template>
<div id="app">
<img :src="require('./assets/logo.png')"/>
</div>
</template>
<script>
export default {
}
</script>
<style lang="css">
</style>
您可以直接在降价文件中解析路径
<MyComponent :src="require('./resources/myimg.png')" />