1.事件修饰符
stop:阻止事件冒泡,相当于调用 event.stopPropagation()。
prevent:阻止事件的默认行为,相当于调用 event.preventDefault()。
capture:使用事件捕获模式,即从最外层开始触发事件。
self:只有事件是由当前元素触发时才触发事件。
once:事件只触发一次。
passive:提示浏览器可以安全地忽略对事件的默认行为的阻止。
native:监听组件根元素的原生事件。
2.表单修饰符
lazy:在表单输入时不会马上显示在页面,而是等输入完成失去焦点时才会显示,也就是在 change 事件之后再进行信息同步。
trim:过滤表单输入时两边的空格,而中间的空格不会过滤。
number:自动将用户的输入值转为数值类型,但如果这个值无法被 parseFloat 解析,则会返回原来的值。
3.按键修饰符
enter:只有在 key 是 Enter 时调用。
tab:捕获 tab 键。
delete:捕获 delete 删除键和 backspace 退格键。
esc:捕获 esc 键。
space:捕获 space 键。
up:捕获 up 键。
down:捕获 down 键。
left:捕获 left 键。
right:捕获 right 键。
ctrl:捕获 ctrl 键。
alt:捕获 alt 键。
shift:捕获 shift 键。
4.鼠标按键修饰符
left:只当点击鼠标左键时触发。
right:只当点击鼠标右键时触发。
middle:只当点击鼠标中键时触发。
5.v-bind 修饰符
prop:设置自定义标签属性,避免暴露数据,防止污染 HTML 结构。
camel:将命名变为驼峰命名法,如将 view-Box 属性名转换为 viewBox。
sync:语法糖,能对 props 进行一个双向绑定。