Модель Vue: привязка вложенных данных

Как я могу связать следующие вложенные данные с v-model?

<div v-for = "(frame, i) in frames" :key = "frame.id" class='well'>
  <div v-for = "(value, key) in frame" :key = "key">
    {{ key }}:
    <input type = "text" :v-model = "frame[i].key" :id = "key.id">
  </div>
</div>

С такими данными, хранящимися в this.frames:

[{"x": 0, "y" : 0, "width": 10, "height": 10, "direction": "down", "div": "header", "page_number": 1}]

Очевидно, что в списке может быть много объектов.