vue3 中 defineProps 声明示例

1、直接声明

  // 1、直接使用  defineProps(["tableData", "acceptType"]);

2、运行时声明方式不使用TypeScript类型注解，而是使用JavaScript对象，使用 type 来定义props

  // 2、运行时声明方式不使用TypeScript类型注解，而是使用JavaScript对象，使用 type 来定义props。import type { JJDSample } from "@/interface";defineProps({tableData: {type: Object as () => JJDSample[]},acceptType: {type: String,default: ""}});

3、基于类型的声明方式使用TypeScript类型注解来定义props的类型 

  // 3、基于类型的声明方式使用TypeScript类型注解来定义props的类型import type { JJDSample } from "@/interface";defineProps<{tableData: JJDSample[],acceptType: string}>();