SOURCE

Yox.dom.addSpecialEvent('hover', {
  on: function (element, listener) {
    Yox.dom.on(element, 'mouseenter', listener)
  },
  off: function (element, listener) {
    Yox.dom.off(element, 'mouseenter', listener)
  }
})
new Yox({
  el: '#app',
  template: '#template',
  methods: {
    hover: function () {
      console.log('hover')
    }
  }
})

<div id="app"></div>
<script id="template" type="text/plain">
	<div>
    <button on-hover="hover()">
    	Hover
    </button>
  </div>
</script>