can`t use emits with watch

[Ena-Heleneto]

the child components

<script lang="ts" setup>

const propObj = withDefaults(defineProps<{
  modelValue?: CommonForm
}>(), { })

const emits = defineEmits(['confirmCallBack', 'cancelCallBack', 'closeCallBack', 'openCallBack', 'update:modelValue'])
const dialogForm = ref<CommonForm >({})

watch(dialogForm.value, (val) => {
  consola.start('数据更新')
  emits('update:modelValue', val)
})
</script>

<template>
  <common-the-form
        ref="commonTheFormRef" v-model="dialogForm" :form-data="propObj.formData" :inline="false"
        :label-width="propObj.labelWidth"
   >
    <template #formItem>
       <slot name="dialogFormItem" />
    </template>
  </common-the-form>
</template>

the parent components

<script lang="ts" setup> 
const dialogModel = ref<CommonForm>()
watch(dialogModel.value, () => consola.info(dialogModel.value))
</script>
<template>
    <common-the-form-dialog
      ref="commonTheFormDialogEditRef" v-model="dialogModel"
    />
</template>

Normally, I can listen to the dialogModel in the parent component，but it not work

[valcosmos]

Watching a ref, like this:

watch(dialogForm, (val) => {
  emits('update:modelValue', val)
})

[Ena-Heleneto]

The watch of the child component is normal, but the parent component does not listen to the data, I suspect there is something wrong with the emit of the child component