vue绑定div鼠标移入移出事件

1.两种绑定方式

<div v-on:mouseover="handleOver($event)" v-on:mouseout="handleOut($event)"></div><div @mouseover="mouseOver" @mouseleave="mouseLeave"></div>handleOver (e) {console.log('移入：', e);e.currentTarget.className = "xxx";},handleOut (e) {console.log('移出：', e);e.currentTarget.className = "yyy";},mouseOver () {},mouseLeave () {}