Vue的常用修饰符

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 进行一个双向绑定。