Vuejs Проблемы с присвоением значения переменной после вызова метода API остальных

Question

data: () => ({
    selectedDpto:null,
    listDepartamentos: []
}),
methods: {
    async listarDptos() {
        await this.$store
        .dispatch("gscentralemergencias/UBIGEO_FIND_ALL", paramsCustom)
        .then(res => {
          this.listDepartamentos = res === undefined ? [] : res;
          console.log('Bloque Result', this.listDepartamentos);
        })
        .catch(error => {
          if (error.response.status == 401 || error.response.status == 500 ) {
              this.$swal(
                error.response.data.errorMessage,
                "Ud. no tiene permitido esta función",
                "warning"
              );
            }
        });
    },
},
mounted() {
    this.listarDptos();
    console.log('Bloque Mounted', this.listDepartamentos);
}

Когда я показываю массив в console.info (this.listDepartamentos);он возвращает его пустым, что я могу сделать?Я обновил информацию, чтобы увидеть, как он реагирует, хотя сначала вызывается метод, сначала показывается то, что ниже.