vue3抽离公共的props的引入方式

useProps.ts是公共的props(类似mixins)文件

export function useProps() {
	const props = {
		params: {
			type: Object,
			default: () => {
				return {}
			}
		},
		size: {
			type: String as PropType<"" | "small" | "default" | "large">,
			default: ""
		},
		option: Object as PropType<any>
	}

	return { props}
}

将props放到外部文件props.ts中

import { useProps } from "./mixins/useProps"
const { props: tempUseProps } = useProps()
export const tempProps = {
	...tempUseProps,
	other:{
    		type:Array,
    		default:()=>[]
    }
}

在vue文件使用

<script setup lang="ts">
import { tempProps } from "./props"
const props = defineProps(tempProps)
</script >