表單修飾符

• .lazy 懶載入，輸完失去焦點才觸發事件

<div>
   <input type="text" v-model.lazy="value">
   <p>{{value}}</p>
</div>

• .trim 過濾首尾的空格,不會過濾中間的
• .number 限制輸入的是數字，如果先輸入數字才能限制，先輸入字串則限制不了

事件修飾符

• .stop 阻止事件冒泡
• .prevent 阻止預設行為
• .self 自身觸發才執行
• .once 只執行一次
• .cupture 讓事件從冒泡階段--目標階段--捕獲階段
• .passive 滾動事件的懶載入，移動端常用，不會滾一點點就觸發
• .native 自定義元件繫結事件,像給UI框架繫結事件需要使用
  注意：使用.native修飾符來操作普通HTML標籤是會令事件失效的

滑鼠按鈕點選click+

• .left 左鍵點選
• .right 右鍵點選
• .middle 中鍵點選

<button @click.right="shout(1)">ok</button>

鍵值修飾符 事件keyuo/keydown

• .keyCode 當按下某個鍵才執行
  普通鍵
• .enter
• .tab
• .delete (捕獲“刪除”和“退格”鍵)
• .space
• .esc
• .up
• .down
• .left
• .right
  系統修飾鍵
• .ctrl
• .alt
• .meta
• .shift