Vue用v-bind給標簽屬性賦值 src, href...

給屬性渲染數據不能使用 {{name}} 標記, 請使用 v-bind:屬性名稱=”name”
name是json數據鍵值對中的鍵名, 請配合下面JS代碼片食用

HTML

<div id="sidebar">
    <ul>
        <li v-for="list in lists" v-bind:class="class">
            <img v-bind:src="list.src" />
        </li>
    </ul>
</div>

JS

var app = new Vue({
    el: '#sidebar>ul',
    data:{
    "lists":[
        { src:"icon.png" },
        { src:"icon.png" },
        { src:"icon.png" },
    ],
    class:"active",
    name:"劍齒虎"
    }
});