五个常用的键盘事件，方便用户操作！本文讲解Vue自带的键盘事件、及自定义键盘事件的使用。
  欢迎持续关注新系列文章 [Vue 补洞] 系列，用久了 Vue2 总有一些遗漏的知识点，通过该系列文章一起查漏补缺！

一、Vue 自带的键盘事件

1、Vue 常用的键盘事件

2、keyup 与 keydown

3、使用

绑定按键时，既可以绑定按键名称，也可以绑定按键编码

1）按键单词为单个时

2）按键单词为多个时

  使用小横线进行单词间的连接

4、获取按下的按键

event(e) {console.log(e.key) // 按键名称：enter console.log(e.keyCode) // 按键编码：13
 }
 

5、系统修饰键

​ 配合 keyup 使用：按下修饰键的同时，必须 要按下其他任意键；之后 释放其他任意键后，事件才触发。（如 @keyup.ctrl表示：按下 ctrl+任意键，抬起该任意键后才触发事件）

​ 配合 keydown 使用：按下修饰键立即触发事件（如 @keydown.ctrl 表示：按下 ctrl 立即触发事件）

二、自定义键盘事件

1、定义及使用

Vue.config.keycodes.自定义键名 = 键码// 示例如：
 Vue.config.keycodes.jokerls = 13
 
 

三、总结