开发者学堂课程【Vue.js 入门与实战：自定义按键修饰符】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/586/detail/8150
自定义按键修饰符
目录
一、键值修饰符
二、自定义全局键值修饰符
一、键值修饰符
实现需求：在系统的网站里，希望能够通过回车键添加内容。
例如：想要通过在name框中输入：奥迪，可以完成对其的添加，这就属于文本框的回车事件。
在网页中为文本框绑定一个keyup键，用来进行敲击键盘即可进行添加内容。
此时，执行结果为：
此时会发现，有一些问题，事件被触发，但是有空间的合格。所以需要监听enter键。需要将代码修改成：
<input type="text" class="form-control" v-model="name" @keyup.enter="add">
设置键盘抬起即可触发。此时即可正常添加。
系统提供了以下按键别名：
.enter
.tab
.delete(捕获“删除”和“退格”键)
.esc
.up
.space
.down
.left
.right
如果是以上没有提供的按键名，可以用以下方法：由于每个按键都对应一个键盘码，例如 F2 对应的是113，那么就可以写成：
<input type="text" class="form-control" v-model="name" @keyup.113 ="add">
这样敲击按键 F2 也可触发相应的执行。
二、自定义全局按键值修饰符
如果没有提供的按键修饰符，可以通过全局 config.keycodes 对象自定义键值修饰符别名，例如：
Vue.config.keycodes.f2=113
这样敲击按键 F2 也可触发相应的执行。
