vue3子组件要在script中使用父组件请求接口获取到数据，子组件要怎么才能获取到父组件传递过来的参数

在 Vue3 中，子组件可以通过 `props` 接收父组件传递过来的参数。在父组件中使用 `v-bind` 绑定属性，子组件中就可以通过 `props` 对应的属性名来获取值。

例如，如果父组件中获取到了数据 `data`，并将其传递给子组件 `ChildComponent`，可以这样写：

<template>
  <div>
    <ChildComponent :data="data" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data () {
    return {
      data: []
    }
  },
  mounted () {
    // 在此处请求数据
    this.getData()
  },
  methods: {
    async getData () {
      // 发送请求获取数据
      const data = await fetch('http://example.com/api/data')
      this.data = data
    }
  }
}
</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,
      default: () => []
    }
  }
}
</script>

在子组件中，就可以使用 `data` 数组来渲染数据了。