我的代碼結(jié)構(gòu)如下面代碼所示，無法執(zhí)行，在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標(biāo)簽后，就可以正常使用了