vue修饰符有哪些

Vue中常用的修饰符主要有以下几类：

 

事件修饰符：

.stop：阻止事件的冒泡，相当于调用了event.stopPropagation()方法。

.prevent：阻止事件的默认行为，相当于调用了event.preventDefault()方法。

.capture：使用事件捕获模式，即元素自身触发的事件先在此处处理，然后才交由内部元素进行处理。

.self：只当在event.target是当前元素自身时触发处理函数。

.once：绑定了事件以后只能触发一次，第二次就不会触发。

.passive：用于提升移动端scroll事件的性能。

.native：在自定义组件标签上绑定原生事件时使用。

v-model修饰符：

.lazy：默认情况下，v-model同步输入框的值和数据。使用.lazy修饰符后，输入框的值会在光标离开后才同步。

.number：用于将输入的值格式化为数字。

.trim：去除输入值的前后空格。

鼠标修饰符：

.left：点击鼠标左键时触发。

.right：点击鼠标右键时触发。

.middle：点击鼠标中键时触发。

键盘修饰符：

.enter：按下回车键时触发。

.tab：按下Tab键时触发。

.delete（捕获“删除”和“退格”键）：按下删除键时触发。

.esc：按下Esc键时触发。

此外，Vue还支持使用按键的keyCode作为修饰符，如@keyup.13表示按下回车键时触发事件。

请注意，在使用修饰符时，顺序很重要，相应的代码会以同样的顺序产生。同时，不是所有的修饰符都适用于所有的事件或指令，具体的使用场景需要根据Vue的文档和实际需求来确定。

 

希望这些信息能帮助你更好地理解Vue修饰符。如果你有更具体的问题或需要进一步的解释，请随时告诉我。