vue 修饰符

v-model 修饰符

.lazy
.number
.trim

.sync 修饰符

//子组件
this.$emit('update:title', newTitle)
//父组件


//.sync是update：写法的语法糖

//子组件
this.$emit('update:title', newTitle)
//父组件

.native修饰符

事件修饰符

.stop
.prevent
.capture
.self
.once
.passive

...



...







...

使用修饰符时，顺序很重要；相应的代码会以同样的顺序产生。因此，用 v-on:click.prevent.self会阻止所有的点击，而 v-on:click.self.prevent 只会阻止对元素自身的点击。

按键修饰符

.enter
.tab
.delete (捕获“删除”和“退格”键)
.esc
.space
.up
.down
.left
.right

你可以直接将 KeyboardEvent.key 暴露的任意有效按键名转换为 kebab-case 来作为修饰符。

系统修饰符

.ctrl
.alt
.shift
.meta

Do something

.exact 修饰符

A


A


A

.exact 修饰符允许你控制由精确的系统修饰符组合触发的事件。

鼠标按钮修饰符

.left
.right
.middle

这些修饰符会限制处理函数仅响应特定的鼠标按钮。