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，而非正确的路径。现在我该怎样才能实现父子件给值，子组件正确解析并引用图片的效果？求各位给个思路。