Vue -- 修饰符

一、事件修饰符

.stop ：阻止事件冒泡
.prevent ：阻止标签默认行为
.capture ：触发事件捕获行为,（即元素自身触发的事件先在此处处理，然后才交由内部元素进行处理）
.self ：只有当event.target是当前元素自身时触发处理函数
.once ：事件将只会触发一次
.passive ：告诉浏览器你不想阻止事件的默认行为

使用修饰符时，顺序很重要；相应的代码会以同样的顺序产生。因此，用v-on:click.prevent.self会阻止所有的点击，而 v-on:click.self.prevent 只会阻止对元素自身的点击。
以上是面试常问的事件修饰符，还有以下其它类型修饰符为扩展加分项，

二、 v-model的修饰符

<1> .lazy
默认情况下，v-model同步输入框的值和数据。可以通过这个修饰符，转变为在change事件再同步。

<input v-model.lazy="msg">

<2> .number
自动将用户的输入值转化为数值类型