在vue中可以用v-on来监听键盘事件
参考文档:按键修饰符

1、用按键修饰符

@keyup.按键修饰符=“事件方法”

<input type="text" placeholder="up" @keyup.up="upAction">
<input type="text" placeholder="down" @keyup.down="downAction">
<input type="text" placeholder="f" @keyup.f="fAction">

2、也可以用按键码

keyCode 的事件用法已经被废弃了并可能不会被最新的浏览器支持。
使用 keyCode 特性也是允许的：

<input v-on:keyup.13="submit">

为了在必要的情况下支持旧浏览器，Vue 提供了绝大多数常用的按键码的别名：

.enter
.tab
.delete (捕获“删除”和“退格”键)
.esc
.space
.up
.down
.left
.right

有一些按键 (.esc 以及所有的方向键) 在 IE9 中有不同的 key 值, 如果你想支持 IE9，这些内置的别名应该是首选。
你还可以通过全局 config.keyCodes 对象自定义按键修饰符别名：
// 可以使用 v-on:keyup.f1
Vue.config.keyCodes.f1 = 112