Fix(guide): Add v-for index documentation

This commit is contained in:
Paul Isaris
2018-10-19 16:40:12 +03:00
committed by Heather Kusmierz
parent 18fdaf3731
commit 6071c82393

View File

@ -109,3 +109,19 @@ app.list.push("something else");
``` ```
As expected, the page rendered now has our brand new item! As expected, the page rendered now has our brand new item!
### Accessing current index in loops
`v-for` also supports an optional second argument for the index of the current item:
```html
<div id="app">
<ul>
<li v-for="(item, index) in items">
{{ index }}: {{ item }}
</li>
</ul>
</div>
```
This way, we can use `index` to style the first, last or even/odd list elements differently, or apply extra logic to our component.