vue事件对象讲解

事件对象$event

<button @click='fn($event)'></button>
****
在vue中,如点击事件/鼠标移入移出事件等等,事件的回调函数第一个参数默认都为$event(事件对象),
通过事件对象可以用于获取dom元素或者修改dom中的属性.

下面看一下事件对象$event的详解图

e.target.value  可用于获取dom元素的value值(如input框)
e.srcElement  表示当前标签

下面来说一下事件对象中括号问题

1.绑定事件时,如果没有小括号,那么第一个参数就是事件对象
2.绑定事件时,若果有小括号,但是没有传参,则$event为undefined
3. 如果需要事件对象，并且需要传参，那么需要在绑定时使用$event进行占位
	例如: <input type="text"  @keyup="fn($event)">