Всем привет!
Столкнулся с такой проблемой.
Есть родительская страница с формой.
Части формы сделаны в виде компонентов (по шагам)
В компонентах через $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 данные?