基础入门

Vue3事件处理性能优化：v-on方法引用复用函数避免重复创建；高频事件用Lodash防抖（等待后执行，如搜索）或节流（固定间隔，如滚动）优化；支持动态绑定与事件修饰符（.stop等），手动绑定需onUnmounted解绑；优先事件委托减少监听器，提升性能。

Vue3跨组件通信方案：①全局事件总线用mitt实现“订阅-发布”，创建共享实例，发布用emit，订阅用on，销毁时off防内存泄漏；②provide/inject支持跨层级通信，祖先用provide提供数据/方法，后代用inject获取；③子父通信用defineEmits定义事件，emit发射，父组件@监听事件。

Vue3表单事件处理中，v-model实现输入框双向绑定，配合.lazy延迟更新、.number转为数字、.trim去除空格修饰符定制行为。表单提交用@submit.prevent阻止默认刷新，结合验证逻辑确保数据合法。单选框绑定单个值，复选框组绑定数组、单个绑定布尔值，支持change事件监听。

DOM事件传播分捕获、目标、冒泡三阶段，Vue默认在冒泡阶段处理事件。利用冒泡机制实现事件委托优化性能，将监听器绑在父元素。事件修饰符（如.stop、.prevent等）可简化处理，支持叠加使用，文中还涉及常见修饰符组合场景及报错处理方法。

Vue3键盘事件处理包含keydown（按下触发，长按连续触发）与keyup（松开触发，单次触发），前者适实时搜索等场景，后者用于提交表单。常用按键修饰符（如.enter、.tab）替代keyCode，组合快捷键（Ctrl+S、Shift+Enter）通过修饰符实现，代码简洁，可通过prevent等修饰符阻止默认行为，解决按键不生效、组合快捷键不触发等问题。

Vue3中事件处理函数传参，多用内联调用（如@click=“say(‘参数’)"）传递自定义参数。需原生事件时用$event或箭头函数（如@click=“warn(‘消息’, $event)“或(e)=>warn(‘消息’,e)），参数 …