How to output values ​​through 2 v-for in Vue?

Question

Vue.js

There are the following inputs:

"platforms": [
{
  "id": 0,
  "name": "3DS",
  "files": ["1.1 [EUR] Японский шрифт", "1.1 [EUR]", "1.1 [JAP]"]
}
]

<div class="row" v-for="platform in project.platforms" :key="platform.id">
      <template v-for="file in platform.files">
        <div class="four columns">{{file}}</div>
        <div class="four columns">{{platform.name}}</div>
        <div class="four columns">Download</div>
      </template>
    </div>

Writes that :key is required for this, but you can't use it in template.

Answer 1

The documentation does not use the key for template. Everything will work anyway.

Answer 2

What's stopping you from using div instead of template?