复合组件封装需精准控制事件透出：用defineEmits声明可暴露事件，未声明的内部事件不会被父级监听；原生DOM冒泡不影响组件通信层；必要时用stopPropagation阻断冲突路径；插槽内容由父级自主绑定事件。
复合组件封装时，事件冒泡本身不是问题，真正需要控制的是“不该向外透出的内部事件”被父级意外捕获。关键不在于阻止所有冒泡，而在于精准拦截、规范声明、合理委托。
明确事件边界：用 defineEmits 声明可对外暴露的事件
在 Vue3 + Composition API 场景下，必须显式声明组件允许触发的事件类型。未声明的事件默认不会被父级监听到，从源头切断隐式传播。
- 写法示例：const emit = defineEmits(['update:modelValue', 'submit', 'cancel'])
- 内部按钮点击若只调用 emit('submit')，即使它绑定了原生
click，父级也无法监听到那个原始 click —— 因为没在 emits 列表里 - 避免直接在模板中写
@click="$emit('click')"这类兜底转发，它会把内部细节全暴露出去
内部事件不手动触发 emit 就不会外泄
原生 DOM 事件（如 input、click、change）默认会冒泡，但只要你不主动 emit，父组件就收不到语义化的通知。冒泡只影响 DOM 树，不影响组件通信层。
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- 例如：一个封装的输入框组件内有
<input @input="handleInput">，只要handleInput里不调用emit('input')，父级就无法通过@input捕获它 - 若需同步值，应 emit 规范事件如
'update:modelValue'，而非原生名 - 真实 DOM 冒泡仍存在，但父级监听的是组件事件接口，不是底层 DOM 节点
必要时用 stopPropagation 阻断特定冒泡路径
当内部某操作确实不该触发父级行为（比如弹窗内的按钮点击不应关闭外层模态框），可在事件处理器中调用 event.stopPropagation()。
立即学习“Java免费学习笔记（深入）”；
- 仅用于明确冲突场景，不要全局加；加了会影响其他正常委托逻辑
- 推荐写法：@click="(e) => { e.stopPropagation(); handleSubmit(); }"
- 注意：不要和
preventDefault混用，除非你真要阻止默认行为（如表单提交）
用插槽内容隔离交互责任
把可定制区域交给插槽，让父级自己控制事件绑定位置，组件内部不干预。
- 例如提供
<slot name="footer"><button @click="confirm">确定</button></slot> - 父级传入的插槽内容，其事件由父级自己处理，组件不参与也不转发
- 这样既灵活，又天然避免内部逻辑污染外部事件流
