vue中有哪些常用修饰符？

常用修饰符

(1)trim:过滤首尾空格

<input v-model.trim='name'>

(2)number:自动转换为number类型

<input v-model.number='name'>

(3)lazy:值与数据进行同步
在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符，从而转变为使用 change 事件进行同步：

<!-- 在“change”时而非“input”时更新 -->
<input v-model.lazy="name" >

事件修饰符

例如：

<button v-on:click.stop="btn"></button >
//缩写
<button @click.stop="btn"></button >

(1)stop:阻止单击事件冒泡
(2）prevent:拦截默认事件
(3)passive:不拦截默认事件
(4)capture:事件捕获模式。即元素自身触发的事件先在此处处理，然后才交由内部元素进行处理

按键修饰符

例如：

<input v-on:keyup.enter="name"> 
//缩写
<input @keyup.enter="submit">

(1)enter： 回车
(2)tab：切换
(3)delete (捕获“删除”和“退格”键)
(4)esc：退出
(5)space: 空格