# 事件处理
- 使用v-on:xxx 或者 @xxx绑定事件,其中xxx是事件名
- 事件的回调需要配置在methods对象中,最终会在vm上
- methods中配置的函数,不要用箭头函数!否则this就不是vm了
- methods中配置的函数,都是被vue所管理的函数,this的指向是vm或者组件实例对象
- @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
}
}
})