vue3组合式写法父子组件传参加ts校验

好的，针对你的问题，我给出一份示例代码，代码中使用的是Vue3的组合式 API 写法，同时使用了TypeScript进行类型校验。

在父组件中，我们通过 `setup` 函数将参数传递给子组件，并使用 `defineComponent` 定义组件，并对传递参数进行类型校验。在子组件中，我们使用 `props` 接收父组件传递的参数，并使用 `defineComponent` 定义组件，并对接收参数进行类型校验。

<!-- ParentComponent.vue -->
<template>
  <div>
    <ChildComponent :title="title" :count="count" />
  </div>
</template>

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

export default defineComponent({
  name: 'ParentComponent',
  setup() {
    const title = ref<string>('Parent Component');
    const count = ref<number>(0);

    return {
      title,
      count,
    };
  },
});
</script>

<!-- ChildComponent.vue -->
<template>
  <div>
    <h2>{{ title }}</h2>
    <p>{{ count }}</p>
  </div>
</template>

<script lang="ts">
import { defineComponent, PropType } from 'vue';

export default defineComponent({
  name: 'ChildComponent',
  props: {
    title: {
      type: String as PropType<string>,
      required: true,
    },
    count: {
      type: Number as PropType<number>,
      required: true,
    },
  },
});
</script>

在上述代码中，我们对 `title` 和 `count` 进行了类型校验，分别为 `string` 和 `number` 类型，并且设置了 `required: true`，表示这两个参数是必须要传递的。

当我们在父组件中传递参数时，如果传递的参数类型不符合子组件定义的类型，或者未传递必须的参数，TypeScript 将会给出相应的类型错误提示，从而帮助我们减少类型错误和调试时间。