参考文献:https://www.jianshu.com/p/55b598cc43cd
v-model.lazy 光标离开input框后再更新数据
v-model.trim 输入框过滤首尾的空格
v-model.number 如果先输入数字就会限制输入只能是数字
@click.stop 阻止事件冒泡
@click.prevent 阻止默认行为,如a标签的跳转
@click.self 点击元素本身时才触发方法
@click.once 点击一次后不再触发
@click.capture 向内冒泡触发事件
@click.right 鼠标点击的时候就触发(.left、.reight、.middle
@click.exact 不能按住键时点击才触发
@click.ctrl 必须按住ctrl时点击才触发
@click.ctrl.exact 仅按住ctrl时点击才触发
@click.native 在组件整体变成一个标签并绑定点击事件(不加组件上的事件无法触发
@keyup.enter 监听按键的指令,具体按键可以查看键码对应表,如:.enter(回车).esc(退出)
@keyup.alt.67 指组合按键67=键盘C,此处指alt+c
:value.sync 对prop进行双向绑定
性能优化修饰符
浏览器只有等内核线程执行到事件监听器对应的JavaScript代码时,才能知道内部是否会调用preventDefault函数来阻止事件的默认行为,所以浏览器本身是没有办法对这种场景进行优化的。
这种场景下,用户的手势事件无法快速产生,会导致页面无法快速执行滑动逻辑,从而让用户感觉到页面卡顿
.prevent 阻止标签默认动作不再查询
.passive 允许标签默认动作不再查询
原文:https://www.cnblogs.com/xcc3306/p/13269002.html