Vue2.0学习笔记v-on(5)

v-on:绑定事件监听
v-on 就是监听事件，可以用v-on指令监听DOM事件来触发一些javascript代码。
v-on可以绑定的事件有

image.png

image.png

image.png

原生js的那些事件都可以绑定
一、写一个加分减分的监听事件

   得分：{{number}}
    
    
    

    

除了可以用

  
还可以简写

  onEnter:function(){
               this.number= this.number+parseInt(this.number2)
            }

在onEnter函数中因为文本框的数字会默认转变成字符串，所以我们需要用parseInt()函数进行整数转换。不然就是字符串的连接了。

键盘事件：

image.png