defineEmits 支持校验函数实现编译期与运行期双重参数检查：事件名对应校验函数，接收参数并返回布尔值，true 表示合法，false 或抛错时开发环境警告但不阻止执行，参数须严格匹配 emit 调用。
defineEmits 支持通过校验函数在运行时检查事件参数是否合法，既能在开发环境给出警告，又能配合 TypeScript 实现编译期 + 运行期双重保障。
校验函数的基本写法
使用对象语法声明 emit 时，每个事件名对应一个函数，该函数接收 emit 调用时传入的参数，并返回布尔值：
- 返回 true 表示参数合法，事件正常触发
- 返回 false 或抛出错误，Vue 会在控制台打印警告（仅开发环境），但不会阻止事件执行
- 校验函数的参数列表需与实际 emit 调用的参数顺序、数量、类型严格一致
常见校验场景示例
比如一个数字输入组件，要求 update:value 只能传 number 类型且大于 0：
const emit = defineEmits({
'update:value': (val: unknown) => {
if (typeof val !== 'number') return false
if (val <= 0) return false
return true
}
})
调用时若传错类型：emit('update:value', 'abc') 或 emit('update:value', -5)，控制台会提示类似 “Invalid event arguments” 的警告。
结合 TypeScript 做更严谨的约束
推荐搭配类型签名语法，让 IDE 和编译器提前拦截问题：
const emit = defineEmits<{
(e: 'update:value', val: number): void
(e: 'error', msg: string): void
}>()
此时即使没写校验函数，TypeScript 也会拒绝 emit('update:value', 'hello') 这类调用；再叠加运行时校验函数，就能覆盖类型断言失效或 any 泄漏等边界情况。
校验函数里的实用技巧
- 可对复杂对象做结构校验，例如检查必填字段是否存在：
payload?.id && typeof payload.name === 'string' - 避免在函数里直接修改响应式数据或触发副作用，保持纯校验逻辑
- 多个参数时注意解构顺序，如
(id: number, status: 'active' | 'inactive')必须按此顺序传参 - 不校验的事件可设为
null，例如'close': null，表示不运行时校验但保留事件声明
