Vue用v-for给src属性赋值

我的代码结构如下面代码所示，无法执行，在img中的src属性中无法用mustache表示法

<div id="test">
<div v-for="item in lists">
<img src="{{item.img}}">
</div>
</div>

new Vue({
el: "#test",
 data: function () {
 return {
 lists: [
 { img : 'img1' },
{ img : 'img2' },
{ img : 'img3' },
{ img : 'img4' }                
            ]
        }
    },
})

后来我将html中的代码改成如下

<div id="test">
    <div v-for="item in lists">
        <img v-bind:src="item.img">
    </div>
</div>

使用v-bind标签后，就可以正常使用了