请写出vue3中通过axios获取的数据传给子组件子组件并会显的代码

假设我们有一个父组件 `ParentComponent` 和一个子组件 `ChildComponent`，并且我们使用 axios 获取了一些数据，我们可以通过 props 将数据传递给子组件。

在父组件中，可以这样获取数据并将其传递给子组件：

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

<script>
import axios from 'axios';
import ChildComponent from './ChildComponent.vue';

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

在子组件中，你可以通过 props 来接收从父组件传递的数据，并将其渲染到组件中：

<template>
  <div>
    <ul>
      <li v-for="item in data" :key="item.id">{{ item.name }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  props: {
    data: {
      type: Array,
      required: true
    }
  }
}
</script>

在这个示例中，我们假设我们获取的数据是一个包含对象的数组，每个对象都有一个名为 `name` 的属性。在子组件中，我们使用 `v-for` 来循环遍历数据并将其渲染为列表。