如何在vue中使用props将axios响应对象从父组件传递到子组件

import axios from 'axios';

export default {
  data() {
    return {
      responseData: null
    };
  },
  mounted() {
    axios.get('https://api.example.com/data')
      .then(response => {
        this.responseData = response.data;
      })
      .catch(error => {
        console.error(error);
      });
  }
}

<template>
  <div>
    <child-component :data="responseData"></child-component>
  </div>
</template>

export default {
  props: ['data'],
  mounted() {
    console.log(this.data); // 在控制台输出响应数据
  }
}