關於事件的修飾符

一

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>