// 调用
<DataRange v-model="date_range" />

// 二次封装的 DateRange 组件
<template>
<el-date-picker
v-model="date"/>
</template>
<script setup lang="ts">

interface Props {
modelValue: string | Date;
}

const props = withDefaults(defineProps<Props>(), {
modelValue: "",
});

const emit = defineEmits(["update:modelValue"]);

const date = ref<string | Date>("")

watch(date,(value) => emit("update:modelValue", value))
</script>

可以这样写