vue中background-image圖片路徑問題

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

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

div的寫法：

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

更簡便的寫法：

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