Vue中的修饰符

表单修饰符

• lazy：当输入框失去焦点（onBlur）后，才会将输入框的内容同步到data
• trim：过滤输入内容首尾的空格
• number：将内容用parseFloat转换为数字。若无法转换则返回原始值

事件修饰符

• stop：阻止事件冒泡。相当于调用了event.stopPropagation
• prevent：阻止事件默认行为（如点击链接后跳转）。相当于event.preventDefault
• self：只在event.target是自身时触发回调（即不受冒泡事件的影响）
• once：事件回调只触发一次
• passive：事件的默认行为（如滚动条滚动）会立即执行，而不是等待回调完成后才执行。不能和prevent一起使用
• native：
  • 用在组件上，则在该组件上监听的事件会监听根元素的原生事件
  • 用在HTML标签上，监听的事件将失效

鼠标键盘修饰符

鼠标修饰符，分别表示点击的键：

• left
• right
• middle

键盘修饰符，表示按下特定的键才会触发事件：

• 对于常用按键，vue提供了别名，如enter、space、ctrl、esc等
• 对于其他的按键，可以通过设置keyCode的方式，定义具体的按键