Emit验证函数用于校验$emit参数合规性，不拦截事件但开发环境报黄警告；需在emits对象中定义，接收参数并返回布尔值，未return默认失败，生产环境静默。
Emit 的验证函数，是 Vue3 中用于检查子组件调用 $emit 时所传参数是否合规的机制。它不拦截事件执行，但会在开发环境下给出明确警告，帮你提前发现参数类型错误、缺失字段或结构异常——就像对 Props 做类型校验一样，让事件通信更可靠、更易维护。
验证函数怎么写？两种常见形式
验证函数必须作为 emits 对象中某个事件名的值出现，接收 $emit 传递的所有参数（不含事件名本身），返回布尔值：
-
基础写法：只校验第一个参数是否为字符串
update: (value) => typeof value === 'string' -
结构校验：确保对象包含必要字段
formSubmit: (data) => data && typeof data === 'object' && 'id' in data && 'name' in data -
带提示的写法：在控制台输出具体问题，方便调试
change: (payload) => { if (!payload?.email) { console.warn('change 事件缺少 email 字段'); return false; } return true; }
验证函数运行时会发生什么？
当子组件执行 emit('submit', { id: 1 })，而验证函数返回 false 时：
- Vue 不会阻止事件派发，父组件仍能收到该事件
- 开发环境下控制台会打印黄色警告，提示“Invalid event arguments”及相关上下文
- 若验证函数没写
return，默认视为失败，同样触发警告 - 生产环境会静默跳过警告，不影响运行
和 Props 校验的相似点与关键区别
相似点在于：都强调“声明即约束”，靠函数返回布尔值判断合规性；都能配合 TypeScript 提前暴露问题；都提升协作效率和可读性。
关键区别在于：
- Props 校验发生在组件初始化或更新时，而 emit 验证只在每次
$emit调用时触发 - Props 校验可设
required、default、validator，emit 验证只有validator这一种方式 - Props 错误可能导致渲染异常，emit 验证失败仅警告，不中断逻辑流
什么时候该加验证函数？
不是每个事件都需要，重点覆盖这几类场景：
- 父组件依赖特定字段做后续处理（如
save: (item) => item.id && item.title） - 事件携带复杂对象，且结构易变（如表单提交、筛选条件、分页参数）
- 团队协作项目中，避免因参数理解偏差引发低级 Bug
- 封装通用组件（如弹窗、选择器、上传器），对外接口需稳定可预期
