title: Conditional event binding - vuejs
body: <p>In my scenario I have mouseover and mouseout events that I want to bind to conditionally (e.g only if user is on a device that has a mouse). </p>
  
  <p>I realize I can have the condition in the event handler itself but that would still be allocating the memory for the event handlers which is unnecessary. </p>
  
  <p>Is there a way to make the <strong>event binding itself</strong> conditional? </p>
  
  <p>(to be clear, what I'd like is to be able to short-circuit the event subscription so the underlying addEventListener operation never happens if the condition is false)</p>