Как передать параметр в функцию другого компонента Vue?

Question

[fostsinger]

нужно передать данные email в дочерний компонент
главный компонент :

<template>
 <checkPhone
      v-show="isModalVisible"
      @close="closeModal"/>
</template
<script>
 import checkPhone from "~/components/auth/checkPhone.vue"
data() {
      return { email:""}
}
 methods: {
  components: { checkPhone }
      signin() {
  axios.post('auth/signin', {
          user: {
            email: this.email,
            password: this.password,
}
}
</script>

дочерний:

<script>
 checkEmail() {
      axios.post('auth/signin/confirm', {
        user: {
          email:this.email,
          confirmation_code: this.confirmation_code
        }
}
}
</script>

Answer 1

[Александр Пашкевич]

В родителе:

<template>
 <checkPhone
      v-show="isModalVisible"
      @close="closeModal"
      :email="email"
/>
</template>

В дочернем:

<script>
 checkEmail() {
      axios.post('auth/signin/confirm', {
        user: {
          email:this.email,
          confirmation_code: this.confirmation_code
        }
}
}
export default {
  props:{
    email:{
      type: String,
    }
  }
}
</script>