vue 包含别名的图片地址如何动态加载

vue 数据中如果存在别名的图片地址，应该如何在视图层动态的加载？

let imgurl = "@pic/1.png"
<img :src="imgurl"/>

// 上面的图片地址包含别名，如果直接这样使用，会找不到真正的图片地址，解决如下：

let imgurl = require("@pic/1.png")
<img :src="imgurl"/>