Vue 中的键盘修饰符

// 在网页中，有时候会有这种需求，按下键盘上的某个键，就响应一个事件

 <label for="">Name:
          <input type="text" name="name" class="form-control" v-model="Name" @keyup.enter="add()"/> 
       </label>

//Vue为键盘的常用按键设置了别名，在keyup事件中，不需要记住这个键keycode,直接使用别名就好了
.enter,  .tab, .delete, .esc,.space, .up, .down,.left, .right

//自定义键盘：如果默认没有我们想要监听的按键，也可以用它对应的keycode或者为它自定义一个别名

<input type="text" class="form-control" v-model="name" @keyup.113="add"/>
//自定义键盘修饰符
Vue.config.keyCode.f2=113
//113对应键盘F2
<input type="text" class="form-control" v-model="name" @keyup.f2="add()"/>