获取JSON数据并初始化Vue实例的数据对象中的值

Question

我有一个关于在数据对象中使用获取的JSON初始化值的问题。 我正在使用Vue-resource来获取数据。

el: '#demo',
  data: {
    locale: null,
    person: [
     {
       first_name: locale.name,
       age: locale.age,
       city: locale.city  
     }       
    ]

created: function () {
    this.fetchJson();
  },

  methods: {
    fetchJson: function () {
      var self = this;
      this.$http.get('https://api.myjson.com/bins/121o8p')
        .then(response => {
          self.locale = response.body;
          console.log(self.locale);
        })
    }
  },

JSON {   “名字”：“约翰”，   “年龄”：“31”，   “城市”：“纽约” }

我可以在控制台上看到JSON数据但是如何使用获取的JSON数据初始化对象数组的值？