vue3使用props同时定义默认值的两种方式:

1>通过definePropsWithDefaults
const props = definePropsWithDefaults<{
  cancelText?: string;
  submitText?: string;
  isSubmitLoading?: boolean;
  disabled?: boolean;
}>({
  cancelText: "Cancel",
  submitText: "Submit",
});
  
2>解构前为属性添加默认值
const {
  isFirstStep = false,
  isLastStep = false,
  isAllRegistrationSaved = false,
} = defineProps<{
  isFirstStep?: boolean,
  isLastStep?: boolean,
  isAllRegistrationSaved?: boolean,
}>();