Javascript VueJS未拾取传递的数据

我是VueJS的新手，所以我希望这是一个很大的问题，但希望得到一些指导

我有一个Vue实例，数据中的person对象包含一些预定义的数据，但在装入对象时我会将其添加到该对象中。无论出于什么原因，我都无法理解它没有在装载时使用插入的数据更新DOM。我已经检查了vue应用程序，可以确认在挂载方法上添加的人已正确添加

newvue({
el:“#应用程序”，
数据：{
人民:{
戴夫：{‘年龄’：30，‘玩’：5}
}
},
挂载：函数（）{
这个。人们['Rob']={'Age'：22，'Plays'：24}；
}
});



{{key}}:{{person.Age}


这是由于

相反，你应该这样做：

new Vue({
el: '#app',
data: {
  people: {
    Dave: {'Age': 30, 'Plays': 5}
  }
},

mounted: function() {
  this.$set(this.people, 'Rob', Object.assign({}, { 'Age': 22, 'Plays': 24}));
 }
});

这是你的电话号码

我还建议您仔细检查，以免将来遇到任何问题
或使用在安装元素之前触发的挂钩

new Vue({
  el: '#app',
  data: {
    people: {
      Dave: {'Age': 30, 'Plays': 5}
    }
  },

  created: function() {
    this.people['Rob'] = {'Age': 22, 'Plays': 24};
  }
});

但v-for是否应该是非反应性的？当有其他项目添加到数据中时，据我所知，它应自动更新列表。装载元素时，您需要使用Vue的$set或$delete方法来添加或删除人员模型中的对象。或者在安装元件之前使用任何可以触发的挂钩。谢谢，我以为我做错了什么。我现在就看这些。@Paradigm很乐意帮忙：）