vue3+ts 子组件获取不到父级props参数

在 Vue 3 中使用 TypeScript 编写子组件时，如果子组件无法正确获取父组件传递的 prop，可能是以下原因导致的：

1. **类型声明问题**：确保你在子组件的 `props` 定义中正确地指定了父组件传递 prop 的类型。例如：

   import { PropType } from 'vue';

   export default defineComponent({
     props: {
       parentProp: {
         type: PropType<String>,
         required: true,
       },
     },
   });

2. **拼写或大小写错误**：在模板中引用 prop 时，务必确保名称一致，包括大小写。如果父组件的 prop 名称为 `parentProp`，那么在模板里应写作 `{{ parentProp }}`。

3. **父子组件注册问题**：确保父组件已将子组件正确地导入并在模板中使用 `<YourChildComponent :parentProp="someValue" />`。

4. **动态绑定或条件渲染**：如果 prop 是动态赋值或者在条件渲染下，确保在正确的地方获取到了 prop 的值。

5. **未在实例化后传递 prop**：确保在创建父组件实例时已经传递了正确的 prop 值。

6. **生命周期钩子中的问题**：检查生命周期钩子如 `mounted()` 中是否能在正确的时间点接收到 prop。

如果以上排查无误仍存在问题，可以尝试在子组件的 `setup()` 函数中打印 `this.$props.parentProp` 以确认 prop 是否确实到达了子组件。