怎么解决vue动态设置img的src不生效的问题？

例如：

<img class="bg" :src="imgUrl" alt="">

data() {
    return {
        imgUrl: '@/assets/logo.png'
    }
}

这样是不会显示出图片的，要修改成以下方法即可

<img class="bg" :src="imgUrl" alt="">

data() {
    return {
        imgUrl: require('@/assets/logo.png')
    }
}