关于事件的修饰符

一

1，.lazy   

        在默认状况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你能够添加 lazy 修饰符，从而转变为使用 change事件进行同步。适用于输入完全部内容后，光标离开才更新视图的场景。

2，.trim

      若是要自动过滤用户输入的首尾空白字符，能够给 v-model 添加 trim 修饰符：  

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

        这个修饰符能够过滤掉输入完密码不当心多敲了一下空格的场景。须要注意的是，它只能过滤首尾的空格！首尾，中间的是不会过滤的。

3，.number

        若是想自动将用户的输入值转为数值类型，能够给 v-model 添加 number 修饰符:

<input v-model.number="value" type="text" />

若是你先输入数字，那它就会限制你输入的只能是数字。若是你先输入字符串，那它就至关于没有加.number 

二，

<!-- 阻止单击事件继续传播 -->
<a v-on:click.stop="doThis"></a>

<!-- 提交事件再也不重载页面 -->
<form v-on:submit.prevent="onSubmit"></form>

<!-- 修饰符能够串联 -->
<a v-on:click.stop.prevent="doThat"></a>