Vue用v-for给src属性赋值

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

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

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

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

你可能感兴趣的:(Vue用v-for给src属性赋值)