Vue. js компонент обновляется только после обновления страницы браузера

Question

Так что я все еще новичок в Vue. js или любой реактивной структуре в этом отношении.

У меня есть компонент, который мне нужно обновлять всякий раз, когда вносятся изменения. Идея состоит в том, что он берет баланс из заданного c логина.

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

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

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

Из моей собственной отладки похоже, что функция create () не вызывается после мой router.pu sh (), когда пользователь входит в систему. Как я могу убедиться, что созданный () вызывается после router.pu sh

Answer 1

Удалите ключевое слово async из created().

Хотя методы жизненного цикла могут выполнять асинхронный код, сам жизненный цикл является синхронным.