请描述Vue常用的修饰符 ?
在 Vue.js 中,修饰符(Modifiers)是一种特殊的后缀,以半角句号 .
指明,用于指出一个指令应该以特殊方式绑定。以下是 Vue.js 中常用的一些修饰符:
- 事件修饰符:用于
v-on
指令,用来监听 DOM 事件。常见的事件修饰符有:.stop
:阻止事件冒泡。.prevent
:阻止默认事件行为。.capture
:使用事件捕获模式。.self
:只在事件在该元素本身(比如不是子元素)触发时触发回调。.once
:事件将只触发一次。.passive
:使用事件的被动模式。
- 按键修饰符:在监听键盘事件时使用,例如
v-on:keyup.enter
,只有在keyup
事件中按下 Enter 键时才会触发处理函数。 -
系统修饰键:用于
v-on
指令,用来监听特定的系统修饰键,例如.ctrl
、.alt
、.shift
、.meta
。 -
鼠标按钮修饰符:用于
v-on
指令,用来监听特定的鼠标按钮,例如.left
、.right
、.middle
。 -
双向绑定修饰符:用于
v-model
指令,例如:.lazy
:取代input
监听change
事件。.number
:输入字符串转为有效的数字。.trim
:输入首尾空格过滤。
- 属性绑定修饰符:用于
v-bind
指令,例如.prop
、.camel
、.sync
。
以上就是 Vue.js 中常用的一些修饰符,它们可以让我们更容易地处理一些特定的情况,使我们的代码更简洁、更易读。