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 >