В компоненте Vue как обновить свойство данных this.key в цикле?

Question

В компоненте Vue Js мне нужно перебрать объект на смонтированном хуке, который находится в локальном хранилище в Vuex, чтобы обновить свойства данных, как вы можете видеть в примере кода.

Я пытаюсь обновить this.title, this.body, this.id, в результате чего переменная rightHere в цикле выводит эти имена в виде строковых значений в виде var, который вы видите.

this.rightHere 

... это проблема, которую я знаю, и она явно пытается нацелить свойство данных "rightHere", которое не существует. Но я не знаю, как еще преодолеть это в javascript и заставить rightHere вывести строку при необходимости? Так как мне использовать это в цикле для динамического изменения, но сказать Vue обновлять this. на каждой итерации?

data() {
    return {
        title: '',
        body: '',
        id: '',
    }
},

mounted() {
    for (var rightHere in this.$store.getters.getObject) {
        if (this.$store.getters.getObject.hasOwnProperty(rightHere )) {
            this.rightHere = this.$store.getters.getObject[rightHere ]
        }
    }
},

Answer 1

Обычно вы устанавливаете ключ в своем шаблоне. Это зарезервированное слово.

<div v-for='item in items' :key='$store.getters.getKey(item)'>{{item.title}}</div>