轻松实现给vue单页面绑定快捷键

我想给整个页面添加一个键盘事件，也就是快捷键，于是我在当前页面根元素上绑定了keyup事件，
ps:

div 的 事件不像表单，我们需要在标签上添加tableIndex = "0"这个属性

但是每次还是得点一下页面才有用，那大大削弱了快捷键的作用，最后找来找去，终于找到了答案。
因为vue是很少直接操作dom的，所以我在写vue的时候，很少往原生dom事件那里去碰，但是，原生就是基础，基础还是要用滴。

这样一来我就不用像上面那样给根元素绑定事件了，而是在created的时候，添加一个全局监听事件

 document.addEventListener("keyup", Methods);

另外，在退出页面的时候，一定记得要销毁事件监听

 document.removeEventListener("keyup", Methods);

然后事件里记得要阻止默认事件

e.preventDefault();

THAT’S IT.