子组件 emit 后父组件数据没更新，主因是事件虽发出但响应逻辑卡在中间环节：1.事件名大小写或格式不匹配；2.父组件监听位置或时机错误；3.异步回调中修改错误数据源；4.响应式更新被跳过或延迟。
子组件 emit 后父组件数据没更新，不是 emit 失效了，而是事件虽发出、响应逻辑却卡在中间环节。核心问题往往出在“父组件收到了，但没正确处理”或“看似 emit 了，其实根本没发出去”。下面从最常踩的几个点帮你快速定位。
事件名大小写或格式不匹配
Vue 对事件名大小写敏感，且会自动把驼峰转为短横线，但转换规则有前提：
- 子组件必须用全小写 + 中划线形式 emit，比如 emit('data-loaded') → 父组件监听 @data-loaded
- 若写成 emit('DataLoaded') 或 emit('updateData')，Vue 会转成 dateloaded 或 updatedata（连在一起），父组件监听 @data-loaded 就完全对不上
- 检查模板里是否用了 @DataLoaded 这类首字母大写的写法，HTML 属性名不区分大小写，实际全转为小写，必然失配
父组件监听位置或时机不对
事件确实发出了，但父组件没在正确上下文里接收：
- 确认父组件是在直接引用该子组件的模板中监听，而非通过 Teleport、插槽嵌套、动态组件等方式间接渲染——emit 只走直接父子链
- 避免在 v-if="false" 的区块里写监听，组件未挂载时事件无法绑定
- 弹窗类组件要特别注意：如果先调了 close() 或手动 v-model="false"，再 emit，此时组件可能已卸载，事件被丢弃
异步回调中修改了错误的数据源
父组件监听函数里有异步操作（如 Promise.then、setTimeout），但回调中改了不该改的东西：
- 直接赋值响应式对象：比如 form = { name: 'x' } —— 这会切断 reactive 的响应连接，新对象不触发更新
- 修改传入的 props 副本：若父组件把一个对象通过 prop 传给子组件，子组件又把它传回给父组件监听函数，回调里直接改这个对象属性（payload.name = 'y'），等于改了原始数据，后续更新就乱了
- 多个对话框共用同一份 ref：A 弹窗发起请求，B 弹窗紧接着打开并发起另一请求，两个回调都往同一个 formRef.value 赋值，后返回的覆盖先返回的
响应式更新被跳过或延迟
父组件收到了事件，也执行了赋值，但视图没变，常见于响应式机制未触发：
- 父组件更新的是深层属性但没换引用：比如 obj.info.age = 25，而 obj 引用没变，Vue 无法侦测到
- 用 ref 包裹对象后，又用 = 替换整个值（data.value = newObj）是 OK 的；但若用 reactive，直接 obj = newObj 就会丢失响应性
- 父组件用 watch 监听某个状态变化后再更新数据，但 watch 没设 immediate: true 或 deep: true，导致初始值或嵌套变更没捕获
