父组件通过闭包绑定子组件唯一ID实现事件来源区分：模板中用箭头函数传入标识如'e => handler(e, "compA")'，或子组件props传componentId并emit时附带，或v-for中用索引生成闭包，确保事件处理精准无歧义。
父组件能收到所有同名事件，但默认无法区分来源。关键不是改事件名，而是让每个子组件实例“自带身份”，靠闭包把标识提前固化进事件监听函数里。
用闭包给每个监听函数绑定唯一 ID
在模板中为每个子组件绑定事件时，不直接写方法名，而是用箭头函数或内联函数包裹，把当前实例的标识（如索引、ID 或名称）作为参数传进去。
- 父组件模板中这样写：<c-component @event_name="e => handler(e, 'compA')"></c-component>
- 对应另一个实例：<c-component @event_name="e => handler(e, 'compB')"></c-component>
- handler 方法就能同时拿到子组件传的事件参数和你指定的标识：handler(payload, id) { console.log(id, payload) }
配合 props 传递 componentId 更清晰可靠
子组件自身接收一个唯一标识 prop（比如 component-id="popup-1"），触发事件时把它作为额外参数发出。父组件统一监听，再根据这个字段分流处理。
- 子组件内部：this.$emit('submit', formData, this.componentId)
- 父组件 events 或 @submit 绑定的方法里，参数顺序对应：submit(data, id) { if (id === 'popup-1') { ... } }
- 比纯靠模板索引更健壮，尤其适用于动态增删子组件的场景
数组管理 + 索引映射适合批量同构组件
如果多个子组件来自 v-for 渲染，直接用循环变量（如 index 或 item.id）生成闭包，天然带上下文。
- 模板：<c-component v-for="(item, i) in list" :key="item.id" @change="e => handleChange(e, i)"></c-component>
- 父组件维护一个状态数组：const states = ref([{ active: false }, { active: true }])
- handleChange 就能精准更新 states.value[i]，不会错位
闭包不是炫技，是把“谁发的”这个信息，在事件注册那一刻就锁死，避免运行时靠猜测或额外字段判断。简单、直接、无副作用。
