如何确保计算属性读取使用vue创建的初始化异步数据？

Question

我通过使用vue2遇到了一个问题。我在created()中有一个异步请求，如下所示：

created() {
  this.$store.dispatch('getTreeDetail')
}

以及computed()部分：

computed: {
  ...mapState({
    tree_detail: state => state.suiteTree.tree_detail
  }),
  fields () {
    return {dataSource: this.tree_detail}
  }
}

我发现初始化fields时，this.tree_detail为空。现在，我正在使用一种技巧来解决此问题：

<template>
    <tree :data="fields" v-if="tree_detail.length"></tree>
</template>

还有其他方法可以解决此问题吗？