#修饰符

让你更方便地处理事件

#事件修饰符

• .stop：阻止冒泡
• .prevent：阻止默认行为
• .capture：捕获模式
• .self：只有元素本身触发
• .once：只触发一次
• .passive：提升滚动性能（告诉浏览器不调用 preventDefault）

#键盘修饰符

.enter、.tab、.delete、.esc .ctrl、.alt、.shift、.meta .exact：精确修饰符组合

#顺序重要

@click.prevent.self → 阻止所有点击 @click.self.prevent → 只阻止元素自身的点击

#表单修饰符

• .lazy：change 事件后才更新（防抖）
• .number：自动转数值
• .trim：自动去除首尾空格

#自定义修饰符 (Vue 3)

<input v-model.capitalize="text">

组件收到 modelModifiers prop