vue mouse moved out of the event is executed multiple times (in particular, ie)

From: https: //www.cnblogs.com/myfirstboke/p/9150809.html invasion deleted

< P   @mouseover = "over ($ Event)" @mouseout = "OUT ($ Event)" > another concern </ P > 


OUT (T) { 
  t.target.innerText = 'mutual interest' 
}, 
over (T) { 
  console.log (t, 1) 
  console.log (t.target.innerText, 1) 
  t.target.innerText = 'Unfollow' 
}, 
 not so write, so write it ie10 cancel concern will get stuck, should be there are mouseover bubbling here should be used only in the current mouseenter without Event 

*********************************** ************************************************** *************** 

*********************************** ************************************************** *************** 

best written so 

< the p- class = "focus-span"IF-V = "item.concernStatus == 2" @click = "focusTogether (item.userId)" @mouseenter = "over" @mouseleave = "OUT" > {{MSG}} </ P > 
Data inside 
msg: ' Follow each ' 
OUT () { 
  this.msg =' mutual concern ' 
}, 
over () { 
  this.msg =' unfollow ' 
}, 
regardless of the mouse pointer through the selected element or a child element, will trigger mouseover event. Correspondence mouseout; the equivalent of bubble 
only when the mouse pointer through the selected element to trigger mouseenter event. The corresponding mouseleave 
In this case, mouseenter child elements will not be repeated trigger events, otherwise often flicker in IE happen. This is why when a compatible ie time to get stuck