Vue事件修饰符简明教程

一、核心总结

事件修饰符是Vue提供的语法糖，用于快速处理DOM事件细节。主要解决三大问题：

1. 阻止默认行为（如表单提交跳转）
2. 控制事件传播（如阻止冒泡）
3. 简化特殊交互（如按键响应、单次触发）

常用修饰符分类：

• 基础修饰符：.stop、.prevent、.capture、.self、.once
• 按键修饰符：.enter、.tab、.esc
• 系统修饰符：.ctrl、.alt、.shift、.meta

二、详细解析（附代码示例）

1. 基础事件控制

<button @click.stop="handleClick">点我不冒泡button>


<form @submit.prevent="handleSubmit">
  <input type="submit"