Vue学习笔记-事件处理

事件处理：

Vue中事件处理方法放在methods配置对象中，

鼠标单击事件：@click 或 v-on:click

键盘事件：keyup 或 keydown

<div id="event">
    <button v-on:click="fun($event,45)">{{name}}</button>
</div>

new Vue({
    el:'event',
    methods:{
        //事件处理方法
        fun(event,number){
            //函数可以加参数，加参数前必须加上event参数
            //当函数不加参数时，在为element绑定事件时可以只写方法名
        }
    }
})

事件修饰符：

Vue准备了六个事件修饰符，这里列举四个常用的修饰符（使用方法，例：@click.stop="fun"）

1.prevent    //阻止默认事件

2.stop         //阻止事件冒泡

3.once        //事件只触发一次

4.passive    //事件的默认行为立即执行，不必等待事件回调执行完毕