How to get object key in v-for?

Question

Vue.js

There is a data object:

data: {
key1: value1,
key2: value2,
...
}

DOM shaping:

<ul>
  <li :some-data="key" v-for="item in data">{{item}}</li>
</ul>

How to insert values ​​from data (key1, key2 ...) instead of key :some-data="key"?

Answer 1

Have you tried looking at the documentation ?

<li v-for="(val, key) in data" :some-data="key">{{ val }}</li>