Vue.js, a simple v-for / v-bind to add an index to a class name

Question

I cannot find the syntax to scroll through my elements and give each “li” a class corresponding to the index. How it's done?

<li v-for="(item, idx) in items class="idx"">
</li>

Answer 1

I think this will be the most readable (prefix added because the class cannot start with a digit).

<li v-for="(item, index) in items" :class="['index--${index}']"></li>

I also use an array because it always distracts me.

:class="'index--${index}'"