按鍵修飾符號

• 當需要對鍵盤按鍵進行監聽時，通常會使用keyup參數，如果只是要對某個按鍵進行監聽，可以透過Event物件來判斷，例如要監聽使用者是否有按了確認鏈可以寫：

keyup (event) {
    console.log（"鍵盤按鍵抬起"）
    if (event. key == 'Enter') {
        console.10g（"確認鍵被按下"）
    ｝
}

• 在使用Vue的時候，還有一種更加簡單的方式可以實現對某個具體按鍵的監聽，那就是「使用按鍵修飾符號」，在綁定監聽方法時，可以設定要監聽的具體按鍵，例如：

‹input @keyup.enter="keyup"></input>

• 需要注意，修飾符號的命名規則與Event物件中屬性key值的命名規則略有不同，Event物件中的屬性採用的是大寫字母駝峰法。例如：Enter、PageDown，在使用按鏈修飾符號時，需要將其轉為中畫線駝峰法。如：enter、page-down。
• Vue中還提供了一些特殊的系統按鍵修飾符號，這些修飾符號是配合其他鍵盤按鍵或滑鼠按鍵來使用的，主要有4種：ctrl、alt、shift和meta。
• 這些系統按鍵修飾符號的使用意義是只有當使用者按下這些鍵時，對應的鍵盤或滑鼠事件才能觸發，在處理複合鍵指令時經常會用到，例如：

<div @mousedown.ctrl="mousedown">滑鼠按下</div>

• 上面程式的作用是在使用者按Control鍵的同時再按滑鼠按鍵才會觸發綁定的事件函數。

<input @keyup.alt.enter="keyup"></input>

• 而這段程式則是在使用者按Alt鍵的同時，再按確認鍵才會觸發綁定的事件函數。

今天就先到這邊囉～，明天將會介紹的是組合按鍵及滑鼠按鍵的操作方式該怎麼使用。