vue3+ts实现父子组件间的传参

在 Vue 3 中使用 TypeScript 实现父子组件间的传参可以通过 props 实现。下面是一个示例：

// 子组件 Child.vue
<template>
  <div>
    <p>子组件接收到的参数：{{ childProp }}</p>
  </div>
</template>

<script lang="ts">
import { Prop, Vue } from 'vue';

export default class Child extends Vue {
  @Prop() childProp!: string;
}
</script>

// 父组件 Parent.vue
<template>
  <div>
    <child :childProp="parentProp"></child>
  </div>
</template>

<script lang="ts">
import { ref, defineComponent } from 'vue';
import Child from './Child.vue';

export default defineComponent({
  components: { Child },
  setup() {
    const parentProp = ref('Hello from parent');
    
    return {
      parentProp,
    };
  },
});
</script>

在父组件中，通过 `:childProp="parentProp"` 将父组件的数据 `parentProp` 传递给子组件的 `childProp`。在子组件中，使用 `@Prop()` 注解来声明接收的属性类型，并使用 `childProp` 来访问传递过来的值。

这样父子组件间的传参就完成了。注意，上述示例使用了 Vue 3 的 Composition API 和 TypeScript 来实现。