请描述Vue常用的修饰符 ？

在 Vue.js 中，修饰符（Modifiers）是一种特殊的后缀，以半角句号 . 指明，用于指出一个指令应该以特殊方式绑定。以下是 Vue.js 中常用的一些修饰符：

1. 事件修饰符：用于 v-on 指令，用来监听 DOM 事件。常见的事件修饰符有：
   • .stop：阻止事件冒泡。
   • .prevent：阻止默认事件行为。
   • .capture：使用事件捕获模式。
   • .self：只在事件在该元素本身（比如不是子元素）触发时触发回调。
   • .once：事件将只触发一次。
   • .passive：使用事件的被动模式。
2. 按键修饰符：在监听键盘事件时使用，例如 v-on:keyup.enter，只有在 keyup 事件中按下 Enter 键时才会触发处理函数。

3. 系统修饰键：用于 v-on 指令，用来监听特定的系统修饰键，例如 .ctrl、.alt、.shift、.meta。

4. 鼠标按钮修饰符：用于 v-on 指令，用来监听特定的鼠标按钮，例如 .left、.right、.middle。

5. 双向绑定修饰符：用于 v-model 指令，例如：

   • .lazy：取代 input 监听 change 事件。
   • .number：输入字符串转为有效的数字。
   • .trim：输入首尾空格过滤。
6. 属性绑定修饰符：用于 v-bind 指令，例如 .prop、.camel、.sync。

以上就是 Vue.js 中常用的一些修饰符，它们可以让我们更容易地处理一些特定的情况，使我们的代码更简洁、更易读。