在 Vue 开发中，你通常会用到哪些修饰符？请列举并说明各自适用的场景。

回答思路

1. 【回答框架 1】Vue 修饰符分为事件修饰符、v-model 修饰符、键盘修饰符、系统修饰符等几大类。事件修饰符主要包括 .stop（阻止冒泡）、.prevent（阻止默认行为）、.capture（事件捕获模式）、.self（只在自身触发）、.once（只触发一次）、.passive（不阻止默认行为，常用于滚动性能优化）等。
2. 【回答框架 2】v-model 修饰符有 .lazy（改为在 change 事件后同步）、.number（自动将输入转为数字）、.trim（自动去除首尾空格），常用于表单输入场景。键盘修饰符如 .enter、.tab、.delete、.esc 等，可配合按键码或按键别名监听特定按键，如 @keyup.enter 处理回车提交。
3. 【回答框架 3】系统修饰符如 .ctrl、.alt、.shift、.meta，用于组合按键监听；还有 .exact 修饰符用于精确控制组合键，如 @keyup.ctrl.exact 只在仅按 Ctrl 时触发。
4. 【回答框架 4】自定义修饰符可通过 v-on 的修饰符配置实现，但常见场景更多依赖内建修饰符。实际开发中，修饰符能简化事件和表单处理逻辑，但需注意 .passive 与 .prevent 不能同时使用，否则会报错。
5. 【回答框架 5】在不同版本中，修饰符支持可能存在差异，建议查阅对应版本的官方文档。例如 Vue 3 中 .passive 等行为有所调整。
6. 【关键点 1】事件修饰符：.stop, .prevent, .capture, .self, .once, .passive
7. 【关键点 2】v-model 修饰符：.lazy, .number, .trim
8. 【关键点 3】键盘修饰符与系统修饰符：.enter, .tab, .ctrl, .alt 等
9. 【关键点 4】.exact 修饰符用于精确组合键，.passive 与 .prevent 不能同用
10. 【关键点 5】行为可能随 Vue 版本变化，参考官方文档
11. 【易错点 1】误认为 .once 是 v-on 修饰符中唯一的作用域，实际上可应用于组件。
12. 【易错点 2】将事件修饰符与 v-model 修饰符混淆。
13. 【易错点 3】忽略 .exact 在组合键盘监听中的必要性，可能导致误触发。