VUE之iview之Tabs之render函数之on之mouseenter和mouseleave的绑定

如果大海能够，唤回曾经的爱，就让我用一生等待。

本文重点在于鼠标事件的绑定，在此之前，你需要知道vue，iview组件，vue中render函数的基本知识，如果不是很了解，你可以自己去问问度娘。

在网上很多都是on事件都是绑定事件，比如这样的：

on: {

click: this.clickHandler

},

// 仅对于组件，用于监听原生事件，而不是组件使用 vm.$emit 触发的事件。

nativeOn: {

click: this.nativeClickHandler

}

那鼠标的移入移出事件或者其他的事件又怎么绑定呢？自定义事件呢？网上查了许久没有明确的说法，故小编在此share，当然，我用的是vue2.0+，webstorm。是这样的：

on: {
  mouseenter: () => {
    this.imgPath0 = this.imgList0[1]//自定义事件
  },
  mouseleave: () => {
    this.imgPath0 = this.imgList0[0]//自定义事件
  }
}

这个针对click也是有效的，其他的绑定事件呢其他博客里讲的很多了，我就不重复了。

难，难，难，我太难了。