本公众号 的系列文章《跟热饭一起学习vue吧》，本文会采用非常土，非常low的语言，让读者学习并立即上手即可使用vue去写前端页面。简单生动，由浅入深。那么，就一起开始学习吧，体验一把又土又油腻的教程吧~

别忘了先打开我们的菜鸟编辑器当做草纸吧：右键左下角“阅读原文”在新窗口中打开链接，会打开在线编辑器。

按键事件

我们之前学习的事点击事件，也就是v-on:click

本节课我们要学的事键盘按键事件，也就是v-on:keyup

之前说的click，因为我们什么都可以点击，所以v-on:click几乎用于各种元素中。

而键盘按键keyup，则几乎都用在输入框input元素内了。

看这个例子：

我们给这个input输入框元素 增加了v-on:keyup，并且绑定了这个say函数，让其弹出what字符串。

结果就是我每在输入框输入一个字符，就会触发一次，然后弹出这个弹窗。

按键事件的按键修饰符

和点击事件一样具有事件修饰符外，按键事件还有自己独有的按键修饰符。

也就是指定按特殊的按键才触发，而不是像之前无论我按什么都会触发。

比如回车键：

现在，输入等操作都不会触发事件弹窗了，只有在按下回车的时候才会弹出。

但是有的同学一定说，这不好记啊，13代表回车，14 ，15呢？ctrl键是什么？这上哪能记住去？

所以便有了翻译后的一套修饰符：

如图，我替换成了enter。

当然其实操作的也不一定就非要是 input输入框，其他各种元素标签也是可以的。

好了本节课就到这里，怎么样，是不是感觉很简单？？？感觉简单的话，就立马关注下本公众号吧~ 进群学习请加v：qingwanjianhua