Можно ли достать данные компонента снаружи в нужный момент?
Родитель
<v-component ref="component" />
Потом когда совершаем какое то действие в родителе можно обратиться к ребенку
sendForm() {
const chlidData = this.$refs.component.$data 
}
Берем нужные данные, сам не пользовал, но кажется во vuetify видел что то подобное
Можно при изменении данных во внутренних компонентах - передавать все данные в одном объекте родителю. А уже при нажатии кнопки - обраватывать этот объект.
Пример:

Родительский компонент:
<template>
<div>
  <component :is="currentTab"  @updated="updateHandler" />
  <button @click="send">Send</button>
<div>
</template>

<script>
...
data: () => {
  return {
    currentFormData = {}
  }
}
methods: {
  updateHandler: function(formData) {
    this.currentFormData = formData;
  },
  send: function() {
    console.log(this.currentFormData);
  }
}
</script>

Код компонента вкладки:

<div>
  <form @change.prevent="onChange">
    <input/>
    <input/>
    <input/>
  </form>
</div>
<script>
...
methods: {
  onChange: function() {
    let myFormData = {
      kekw: this.kekw,
      pepeHand: this.pepeHands...
    };
    this.$emit('updated', myFormData);
  }
},
mounted() {
  this.onChange();
}
</script>