vue3的defineprops ts

在3中，可以使用defineProps函数来为props标注类型。使用defineProps定义props的方式有多种，以下是两种常用的方式：

1. 第一种方式是使用withDefaults设置默认值，并通过泛型参数来定义props的类型。例如：

<script lang="ts" setup>
import { defineProps, withDefaults } from 'vue';

const props = withDefaults(defineProps<{
  title?: string;
  count?: number;
  id?: number;
}>(), {
  title: '默认标题',
  count: 0,
  id: 8
});
</script>

2. 第二种方式是直接通过泛型参数来定义props的类型。例如：

<script setup lang="ts">
import { defineProps } from 'vue';

const props = defineProps<{
  foo: string;
  bar?: number;
}>();
</script>

以上是在Vue3组件中结合Composition-Api使用TS类型标注props的方法。