Vue 可以輕松地實現按鍵事件監聽，兩種方式都很簡單：

第一種方式是通過 v-on 指令在模板中綁定監聽器。例如，我們想要在按下回車鍵時調用一個函數：

<template>
<div v-on:keyup.enter="handleEnter"></div>
</template>
<script>
export default {
methods: {
handleEnter() {
console.log('Enter key is pressed.')
}
}
}
</script>

這樣，當用戶按下回車鍵時，Vue 會調用 handleEnter 函數。我們也可以使用 v-on:keydown.13、v-on:keypress.13、v-on:keyup.13 來監聽其他按鍵事件。如果你想要在觸發事件時調用 preventDefault() 阻止瀏覽器默認行為，可以加上修飾符，例如 v-on:keydown.enter.prevent。

第二種方式是通過 Vue 的全局 API Vue.config.keyCodes 自定義按鍵別名。例如，我們想要將 F2 鍵綁定到一個事件上，可以這樣定義：

Vue.config.keyCodes.f2 = 113
export default {
methods: {
handleF2() {
console.log('F2 key is pressed.')
}
}
}

這樣，在模板中綁定 F2 鍵的事件就可以這樣寫了：

<template>
<div v-on:keyup.f2="handleF2"></div>
</template>

Vue 的按鍵事件監聽非常方便，可以靈活地應用在各種場景下，嘗試使用它加速你的開發效率吧。