# 事件处理

  1. 使用v-on:xxx 或者 @xxx绑定事件,其中xxx是事件名
  2. 事件的回调需要配置在methods对象中,最终会在vm上
  3. methods中配置的函数,不要用箭头函数!否则this就不是vm了
  4. methods中配置的函数,都是被vue所管理的函数,this的指向是vm或者组件实例对象
  5. @click="demo" 和 @click="demo($event)" 效果一致,但是后者可以传参,其中$event是一个关键字,写在任何位置都可以,比如一下代码
<!--方式1-->
<button @click="fun1(66,$event)"></button>
<!--方式2-->
<button @click="fun2($event,66)"></button>
const vm = new Vue({
    el:'xxx',
    data:{ ... },
    methdos:{
        // 这里的方法中的形参和上面的关键字$event的位置保持一致即可
        fun1(num,event){
           // num->66
           // event->$event
        },
        fun2(event,num){
           // num->66
           // event->$event
        }
    }
})
Last Updated: 6/21/2022, 8:36:44 PM