【Vue】修饰符

v-model修饰符

.lazy：默认情况下每次input事件触发后数据就同步，使用该修饰符可以改为跟change事件进行同步

.number：自动将用户输入值改为数值类型

.trim:自动过滤用户输入的首尾空白字符

事件修饰符

为v-on提供了事件修饰符

.stop:阻止事件传播即冒泡

.prevent:阻止事件不在重载页面

.capture:添加事件监听器时使用事件捕获模式，即内部元素触发的事件想再次处理，然后才交由内部元素进行处理

.self:event.target自身时触发，即事件不是从内部元素触发

.once:点击事件只会触发一次

.passive：为addEventListener中的passive选项提供了.passive修饰符，该修饰符能提升移动端性能。

target.addEventListener(type,listener[,options])

 

参考网址：https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Parameters

注意：1.修饰符可以串联，@click.stop.prevent

2.使用修饰符的顺序很重要，相应的代码会以同样的顺序产生。@click.prevent.self会阻止所有点击，@click.self.prevent只会组织对元素自身的点击

3.不要把.passive和.prevent一起使用，因为.prevent将会被忽略，同时浏览器可能会想你展示一个警告。.passive会告诉浏览器你不想组织时间的默认行为

按键修饰符

@keyup

.enter

.tab

.delete (捕获“删除”和“退格”键)

.esc

.space

.up

.down

.left

.right

 

其他修饰符参考：https://cn.vuejs.org/v2/guide/events.html#%E4%BA%8B%E4%BB%B6%E4%BF%AE%E9%A5%B0%E7%AC%A6