vue如何实现移入（mouseenter）移出（mouseleave）效果

vue如何简单的实现移入mouseenter和移出mouseleave效果，下面web建站小编给大家简单介绍一下实现代码！

template代码：

<p @mouseenter="enter(index)" @mouseleave="leave()"></p>

script代码：

methods:{
  //移入事件
  enter(index){
    this.seen = true;
    this.current = index;
  },
  //移出事件
  leave(){
    this.seen = false;
    this.current = null;
  }
}