vue基础之事件

1、vue中如何使用事件：使用v-on绑定对应事件，并且调用对应methods的方法。例如：

  {{count}}
  {{count>10?"大于10":"不大于10"}}
  @click="addbtnfn()">添加
  @click="delbtnfn()">减少
  v-model="mystep"/>
  

  
@mousemove="myposition">
    {{x}}

    {{y}}
    @mousemove="stophere">停止鼠标移动事件
    v-on:mousemove.stop>停止鼠标移动事件

  

2、vue中的事件参数传递

　　参数传递分为以下几点：

　　（1）、设参：

　　添加

　　（2）、传参：

　　addbtnfn:function(step){}

　　（3）、接参：

　　　this.count+=step;

3、vue中的事件修饰符:对事件可以起到限制作用，给出对应限定条件，就可以按照限定的规则执行事件。例如：

@keyup.enter-------------------->限制只有回车键才会执行对应方法

@click.stop--------------------->阻止事件的传播

@mousemove.stop----------------->阻止鼠标移动事件

  @keyup="mykeyupinfo" >
  @keyup.enter="mykeyupinfo" >