как изменить значение объекта в VUE.js

Question

export default {
data () {
   return : {
     a: {}
   }
}
methods : {
//a fcuntion that can get data from backend
getdata(){
   someAPI.getdata.then(response =>{
   // manage this data
   for (let i = 0; i< data.length; i++){
       if (data[i]['name'] = 'Peter'){
        this.a['peter'] = [
         {'age': data[i]['age'], 'grade': '9'},
         {'age': data[i]['age'], 'grade': '9'},
        ]
       } else if (data[i]['name'] = 'Wong'){
        this.a['peter'] = [
         {'age': data[i]['age'], 'grade': '9'},
         {'age': data[i]['age'], 'grade': '9'},
        ]
   }
})
}
},
mounted(){this.getdata()}
}

эта функция Я изменил объект в data.but в другой функции, которую я хочу наблюдать за console.log.если я console.log(this.a), я могу получить целый объект

{'Peter':[
{'age': 11, 'grade': '9'},{'age': 12, 'grade': '9'},
],'Wong':[{'age': 13, 'grade': '9'}, {'age': 14, 'grade': '9'},]}

, но если я console.log(this.a['Peter']) или console.log(this.a.Peter), тогда я получу нулевой объект. Почему?Я использую это. $ Установлено, но не работает.