title: How to pass axios response object from a parent component to child component using props in vue
body: <p>I have a parent component named prospect.vue and a child component mandate.vue. I want to send the repsonse data object to child component mandate.vue using props how can i do it.</p>
  
  <pre><code>PROSPECT.VUE
  
      &lt;div class="card-body dashboardContainer"&gt;
              &lt;mandate/&gt;
      &lt;/div&gt;
  
  
  export default {
    name: 'prospects',
    components: {
      mandate 
    },
    data() {
         return {
          sendata:{}
        } 
      },
      methods: {
                  fetchData(){
                    axios.get('http://localhost:3000/data') .then((response) =&gt; {
                    //console.log(response.data);
                    this.sendata=response.data;
                    console.log(this.sendata);
  
                   })
                 .catch(function (error) {
                  console.log(error);
                   });
                }
      },
      created(){
      // Fetch Data
      this.fetchData();
  }
  }
  </code></pre>