事件修饰符

事件修饰符用于表达常见 DOM 事件选项和拦截行为。

<button @click.stop="select">选择</button>
<form @submit.prevent="submit"></form>
<button @click.once="init">初始化一次</button>

支持的修饰符

修饰符	含义
.stop	调用 event.stopPropagation()
.prevent	调用 event.preventDefault()
.self	只处理事件目标是自身的事件
.once	addEventListener 的 once
.capture	捕获阶段监听
.passive	passive 监听

选择建议

TIP

简单场景用修饰符，复杂逻辑写到 handler 里。这样 TypeScript 类型更清楚，也更容易测试。