Почему не работает код в then? [дубликат]

Делаю запрос на сервер, после получения ответа хочу вызвать свое событие change-state и передать его в родительский компонент. Но ничего не происходит.

this.axios.post('/api/v1.0/word/create/', {
  'word': this.word,
  'translate': this.translate,
  'context': this.context
})
.then((response)=>{
  console.log(response);
  this.$emit('change-state', 'default');
});

Response в консоль печатается.

Если вынести эту строчку за пределы всей функции, то она работает, но не дожидается ответа:

this.axios.post('/api/v1.0/word/create/', {
  'word': this.word,
  'translate': this.translate,
  'context': this.context
})
this.$emit('change-state', 'default');

Почему это событие не срабатывает внутри then?

UPD: Проект учебный и почти пустой, залил его на гитхаб: https://github.com/kkomissarov/anki