Vue中的事件监听（v-on）

可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。事件类型由参数指定。表达式可以是一个方法的名字或一个内联语句，如果没有修饰符也可以省略。用在普通元素上时，只能监听原生 DOM 事件，用在自定义元素组件上时，也可以监听子组件触发的自定义事件。

案例

v-on传值

情况一：methods的方法有参数传值

注意：@click="msg('lhs')"传值时必须加上单引号，不加就传data里的参数

传值

methods:{
    msg(event){
        console.log(event);//输出的lhs
    }
}

情况二：methods的方法有参数但没有传值

返回的是event（Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态）

传值

methods:{
    msg(event){
        console.log(event);//输出的event
    }
}

情况三：methods的方法有参数，传值同时也要event

传值

methods:{
    msg(name,event){
        console.log(naem);//lhs
        console.log(event);//event
    }
}

v-on的事件修饰符

stop：停止冒泡

    aaa
    
    

prevent：阻止默认行为

once：只会触发一次

监听某个键盘的键帽