Как передать объект ответа axios из родительского компонента в дочерний компонент, используя реквизиты в vue

Question

У меня есть родительский компонент с именем prospect.vue и дочерний компонент mand.vue.Я хочу отправить объект данных repsonse в дочерний компонент mand.vue, используя реквизиты, как я могу это сделать.

PROSPECT.VUE

    <div class="card-body dashboardContainer">
            <mandate/>
    </div>


export default {
  name: 'prospects',
  components: {
    mandate 
  },
  data() {
       return {
        sendata:{}
      } 
    },
    methods: {
                fetchData(){
                  axios.get('http://localhost:3000/data') .then((response) => {
                  //console.log(response.data);
                  this.sendata=response.data;
                  console.log(this.sendata);

                 })
               .catch(function (error) {
                console.log(error);
                 });
              }
    },
    created(){
    // Fetch Data
    this.fetchData();
}
}

Answer 1

Вот, пожалуйста,

PROSPECT.VUE

    <div class="card-body dashboardContainer">
            <mandate :data="this.sendata"/>
    </div>


export default {
  name: 'prospects',
  components: {
    mandate 
  },
  data() {
       return {
        sendata:{}
      } 
    },
    methods: {
                fetchData(){
                  axios.get('http://localhost:3000/data') .then((response) => {
                  //console.log(response.data);
                  this.sendata=response.data;
                  console.log(this.sendata);

                 })
               .catch(function (error) {
                console.log(error);
                 });
              }
    },
    created(){
    // Fetch Data
    this.fetchData();
}
}