Vue的常用修饰符

总结一些Vue的修饰符：

 

修饰符分为：表单修饰符、事件、v-bind修饰符、鼠标按键、键盘按键

 

1.表单 (v-model)

 

lazy              在填完信息，光标离开标签的时候，才将值赋予。

trim             自动过滤前后空格，而中间的空格不会过滤。

number      自动将用户的输入值转为数值类型，若这个值无法被解析，则会返回原来的值。

 

2.事件 （v-on）

 

stop             阻止了事件冒泡。

prevent        阻止了事件的默认行为。

once            绑定的事件只能触发一次。

capture        让事件触发从包含这个元素的顶层开发往下依次触发。

self               将事件绑定自身，阻止事件冒泡。

passive         防止一些事件不可避免的持续触发 类似增加了  .lazy 修饰符。

native           让组件变成像html内置标签那样监听根元素的原生事件，否则组件上使用v-on只会监听自定义事件。

 

3.v-bind

 

async            能对props进行一个双向绑定（注意事项 在组件传递的事件名必须为updata：value 其中value必须与声明的名字一致（v-bind：message.async=''   ，则updata：message））。

prop            设置自定义标签属性，避免暴露数据，防止污染HTML结构。

camel          将命名变为驼峰法命名法。

 

4.鼠标按键

 

left             左键点击
right          右键点击
middle       中键点击

 

5.键盘

 

普通键
系统修饰键