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'
    }
})