$index是vue 2.0中的一個重要屬性,它的作用是為每個列表項提供唯一的索引值,方便我們對列表項進行操作。下面,我們來看具體的使用方法。
在vue 2.0中,我們可以通過v-for指令來遍歷數組或對象,例如:
<ul>
<li v-for="(item, index) in items">
{{ index }} : {{ item }}
</li>
</ul>
上面的代碼中,我們在v-for指令中使用了一個簡寫的語法,即“(item, index) in items”,其中item表示數組或對象的每個元素,index表示它在數組或對象中的索引。
通過上面的代碼,我們可以在模板中輸出“index : item”的格式,這樣每個列表項都對應了一個唯一的索引值。如果我們需要對某個列表項進行操作,只需要使用它對應的索引值,如下所示:
<button v-on:click="remove(index)">Remove</button>
上面的代碼中,我們使用了v-on指令來綁定一個點擊事件,其中傳入了當前列表項對應的索引值,這樣我們就可以在remove方法中根據索引值來刪除這個列表項了。
上一篇C json轉集合