一、v-model修飾符
1、.lazy:
輸入框改變,這個數據就會改變,lazy這個修飾符會在光標離開input框才會更新數據:
2、.trim:
輸入框過濾首尾的空格:
3、.number:
先輸入數字就會限制輸入只能是數字,先字符串就相當於沒有加number,注意,不是輸入框不能輸入字符串,是這個數據是數字:
二、事件修飾符
4、.stop:
阻止事件冒泡,相當於調用了event.stopPropagation()方法:
5、.prevent:
阻止默認行為,相當於調用了event.preventDefault()方法,比如表單的提交、a標簽的跳轉就是默認事件:
6、.self:
只有元素本身觸發時才觸發方法,就是只有點擊元素本身才會觸發。比如一個div里面有個按鈕,div和按鈕都有事件,我們點擊按鈕,div綁定的方法也會觸發,如果div的click加上self,只有點擊到div的時候才會觸發,變相的算是阻止冒泡:
7、.once:
事件只能用一次,無論點擊幾次,執行一次之后都不會再執行
8、.capture:
事件的完整機制是捕獲-目標-冒泡,事件觸發是目標往外冒泡
9、.sync
對prop進行雙向綁定
10、.keyCode:
監聽按鍵的指令,具體可以查看vue的鍵碼對應表