Vue img src綁定問題

目前Vue1.0的版本中 對於img標籤的動態綁定仍是存在點坑的，具體以下：

綁定方式1：

<img src="{{imgUrl}}">

綁定方式2：

<img :src="imgUrl">

實際開發過程可能遇到這個的狀況，imgUrl只是實際地址中的一部分，完整的url須要組合，好比方式1可能寫成<img src="/baseUrl/{{imgUrl}}">，谷歌瀏覽器下會存在如下錯誤（雖然不影響使用和展示），想深刻了解的同窗能夠去看看生命週期相關知識。

方式2一樣會出現相同的問題。

因此個人解決方案是採用方式2，<img :src="baseUrl + imgUrl">，baseUrl是Vue實例中的變量，這樣就OK啦。

new Vue({
    data:{
        baseUrl: 'haha'
    }
})