在异步功能中更改了vue数据

Question

我有一个异步函数，该函数将属性添加到我的vue数据对象之一。当我在模板中使用此数据对象时，无法在异步函数中使用添加的属性。添加新属性后，是否可以重新加载数据？

这是我的问题的一个例子：

<template>
  <div>
    {{object.attribute}}
    {{object.newAttribute}}
  </div>
</template>

<script>
export default {
  data: function() {
    return {
      object: {attribute: 'foo'},
    }
  }
  created: function() {
    this.createNewAttribute();
  },

  methods: {
    createNewAttribute: function() {
    setTimeout(function() {
      this.object['newAttribute'] = 'boo';
    }, 9000);
    }
  }
}
</script>

在此示例中，仅呈现第一个属性“ foo”。秒属性准备好后，如何立即更新模板？