vue中background-image圖片路徑問題

按照以往在css文件中寫background:url('圖片路徑')，完成后加載竟然顯示出錯，起初以為路徑不對，檢查了幾遍，仍然沒有問題。最后百度找答案，發現不少同行都遇到過這種問題，遂記錄下自己所采用的解決方式：

data () {
    return {
        img: require('你的圖片路徑')
    }
}

div的寫法：

<div :style="{backgroundImage: 'url(' + img + ')'}">
</div>

更簡便的寫法：

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