Javascript Vue.js组件仅在浏览器页面刷新后更新

因此，我对Vue.js或任何与此相关的反应式框架还是相当陌生的

我有一个组件，每当进行更改时，我都需要对其进行更新。其想法是，它从特定登录中获取平衡

<li :key="balance">Balance {{ balance }}</li>

---

根据我自己的调试，当用户登录时，在我的router.push（）之后似乎没有调用created（）函数。如何确保在路由器之后调用created（）。按从

created（）

中删除

async

关键字

虽然生命周期方法可以执行异步代码，但生命周期本身是同步的。

尝试使用

mounted（）

而不是

created（）

？因此，当我从created（）切换到mounted（）时，仍然存在同样的问题，但现在控制台中出现了一个错误“未选中的runtime.lastError:消息端口在收到响应之前关闭。”

data() {
    return {
      games: [],
      balance: '101',
      error: ''
    }
}

async created() {
    try{
      this.balance = await WalletService.getBalance();
    } catch(err){
      console.log(err.message);
    }
  }