vue3 + ts 自定义一个组件，props传值

好的，对于 Vue3 + TypeScript 的组件开发，我们需要按照以下步骤进行自定义组件并传递 props 值：

1. 创建一个 Vue 组件，使用 defineComponent 函数来声明组件。

2. 在组件内部声明 props，需要使用 PropsOptions 接口来声明 props 的类型、默认值等信息。

3. 在组件的模板中使用 props，可以通过插值表达式或者 v-bind 指令绑定 props。

下面是一个简单的示例代码：

<template>
  <div>
    <h1>{{ title }}</h1>
    <p>{{ content }}</p>
  </div>
</template>

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

export default defineComponent({
  props: {
    title: {
      type: String as PropType<string>,
      required: true
    },
    content: {
      type: String as PropType<string>,
      default: 'default content'
    }
  }
})
</script>

在上面的代码中，我们使用 defineComponent 函数来创建一个 Vue 组件，并声明了名为 title 和 content 的 props。在 props 中，我们使用 PropType 接口来声明 props 的类型。对于 title props，我们将其设为必需的，而对于 content props，我们设置了一个默认值。在组件的模板中，我们使用了插值表达式和 v-bind 指令来绑定 props。

希望这个回答可以帮助到你。