vue組件的hover事件模擬、給第三方組件綁定事件不生效問題

1、vue里面實現hover效果基本需要用事件模擬

<div @mouseover="overShow" @mouseout="outHide"> 

　　或者是：mouseenter、mouseleave

2、比如給第三方組件ElementUI的button，在綁定mouseover和mouseout事件時，發現綁在按鈕上時無效的。

解決方案：如果這個組件沒處理這兩個事件的話是綁不了的。可以添加.native修飾符，就可以把事件綁到組件的根元素上

<el-button type="primary" icon="el-icon-search" plain round 
@mouseenter.native="knowledge = '即將推出，敬請期待'" 
@mouseleave.native="knowledge = '知識庫搜索答案'">{{knowledge}}</el-button>