Vue.js достать переменные из mounted
 

Всем привет!
Столкнулся с такой проблемой.
Есть родительская страница с формой.
Части формы сделаны в виде компонентов (по шагам)

В компонентах через $root.$emit передаю значения полей

formStep1Data () {
  this.$root.$emit('formStep1Data', {
    mesto: this.selectedMesto,
    mode: this.selectedMode
  })
  console.log('Формируем данные в компоненте 1')
}

В родительской в mounted через $root.$on получаю данные из компонентов

mounted () {
  this.$root.$on('formStep1Data', function ({ mesto, mode }) {
    console.log('Место ' + mesto)
    console.log('Режим ' + mode)
  })
}

Далее мне нужно полученные из компонентов данные передать в базу при сабмите формы.

Но я никак не могу их выцепить из mounted

Пробовал в Data создавать переменные и обновлять их в mounted, но они не обновляются.

В родительской странице, где в mounted получаю данные есть

methods: {
  sendOrder () {
    console.log('Отправка данных')
  }
}

Вот как в sendOrder использовать полученные в mounted данные?