vue中background-image图片路径问题

按照以往在css文件中写background:url('图片路径')，完成后加载竟然显示出错，起初以为路径不对，检查了几遍，仍然没有问题。最后百度找答案，发现不少同行都遇到过这种问题，遂记录下自己所采用的解决方式：

data () {
    return {
        img: require('你的图片路径')
    }
}

es6模板语法

<div :style="{backgroundImage:`url(${img})`}">
</div>