Roman Alekseiev

Не уверен что у вас работало не так, но скорее всего в цикле вы не использовали v-bind:key, а так же вашу логику слегка можно было упростить за счет computed переменных https://jsfiddle.net/sn0w14rp/1/

Вы используете динамический компонент, изначально у Вас рендерится wordarea, по отправке запроса вы переключаете динамический компонент на другой, в этот момент ваш компонент wordarea уничтожается и на его месте создается компонент loading, и соответственно после уничтожения wordarea отвязываются все подписаные события и по факту вы пытаетесь получить событие 'change-state' уже у компонента loading

Вы можете попробовать обернуть в keep-alive и компоненты при переключении удаляться не будут

<keep-alive>
<component
  v-bind:is="currentComponent"
  v-on:change-state="changeState($event)">
</component>
<keep-alive>