vue-cli 中一个关于父子件图片路径传值的问题

题目有些乱。。。请原谅理科生的表达功底。

我目前有这样一个需求：

子组件中需要引入一个图片，而这个图片的引用路径由父组件通过 props 传入。目前子组件确实可以接收到这个路径值，但不会被解析成正确的路径。网上找了一通也没有找到相关的问题。

主要代码如下：

父组件：

<index-card imgPath="~assets/crowd.png"></index-card>

子组件：

<template>
  <div>
    <img :src="imgPath">
  </div>
</template>


<script>
  export default {
    props: {
      'imgPath': {
        type: String
      }
    }
  }
</script>

webpack.base.conf.js:

alias: {
    'vue$': 'vue/dist/vue.esm.js',
    '@': resolve('src'),
    'assets': resolve('src/assets')
}

通过打印可以得到 imgPath 的值就是 ~assets/crowd.png，而非正确的路径。现在我该怎样才能实现父子件给值，子组件正确解析并引用图片的效果？求各位给个思路。