Vue 中的修饰符是一种特殊的后缀，用于改变指令的行为。它们主要可以分为以下几种类型：
- 事件修饰符：用于监听 DOM 事件时的修饰符。常见的事件修饰符包括
.stop（阻止事件继续传播）、.prevent（阻止事件的默认行为）、.capture（使用事件捕获模式）、.self（只当事件在该元素本身（而不是子元素）触发时触发回调）、.once（事件将只会触发一次）等。 - 按键修饰符：用于监听键盘输入时的修饰符。常见的按键修饰符包括
.enter、.tab、.delete（捕获“删除”和“退格”键）、.esc等。 - 表单修饰符：用于处理表单输入时的修饰符。常见的表单修饰符有
.lazy（将 v-model 在 change 事件而非 input 事件触发时同步）、.number（将用户的输入值转为数值类型）、.trim（自动过滤用户输入的首尾空白字符）等。 - 系统修饰符：用于监听键盘按键时的操作系统修饰符。常见的系统修饰符包括
.ctrl、.alt、.shift、.meta等。 - 鼠标修饰符：用于监听鼠标事件时的修饰符。常见的鼠标修饰符包括
.left（点击鼠标左键时触发）、.right（点击鼠标右键时触发）、.middle（点击鼠标中键时触发）等。
请注意，这些修饰符主要用于简化某些常见的 DOM 操作和事件处理，可以极大地提高 Vue 项目的开发效率和代码的可读性。但同时，也需要避免过度使用，以免引入不必要的复杂性。在编写 Vue 代码时，应根据实际需求合理选择和使用这些修饰符。
