vue3子组件怎么拿到父组件请求到的数据，并保存

在Vue3中，可以通过props将数据从父组件传递给子组件。父组件请求到数据后，可以将其通过props传递给子组件。子组件可以通过props接收数据，并将其保存在自己的状态中。

具体实现步骤如下：
1. 在父组件中请求数据，并保存在data中；
2. 将数据通过props传递给子组件；
3. 在子组件中通过props接收数据，并将其保存在自己的状态中。

示例代码如下：

父组件：

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

<script>
import ChildComponent from './ChildComponent'

export default {
  components: {
    ChildComponent
  },
  data () {
    return {
      data: null
    }
  },
  mounted () {
    // 请求数据
    fetchData().then(res => {
      this.data = res.data
    })
  }
}
</script>

子组件：

<template>
  <div>
    <span v-if="data">{{ data }}</span>
  </div>
</template>

<script>
export default {
  props: {
    data: {
      type: Object,
      default: null
    }
  },
  data () {
    return {
      // 子组件的状态
      state: {}
    }
  },
  watch: {
    // 监听props变化，保存数据
    data: {
      immediate: true,
      handler (newVal) {
        this.state.data = newVal
      }
    }
  }
}
</script>

这样，子组件就可以拿到父组件请求到的数据，并保存在自己的状态中了。注意，这里使用了watch监听props变化，因为props是单向数据流，子组件不能直接修改props中的数据。