title: How to catch Jquery event from vue.js
body: <p>Scenario: I have an iframe (which is hosted in the same domain, but purely use Jquery only) and it is already coded to trigger some events with parameters. And I have to catch those events with parameters in the parent vue.js application.</p>
  
  <p><strong>iframe:</strong></p>
  
  <pre><code>$('*').mouseover(function (event) {
    var event = jQuery.Event( "mouseover-highlight" );
    event.top = $(this).offset().top;
    event.left = $(this).offset().left;
    parent.$('body').trigger(event);
  });
  </code></pre>
  
  <p><strong>vue.js</strong></p>
  
  <p>Catch this event somehow from the vue.js and set a div's css styles accordingly (Set the 'absolute' position). I have done it using vue.js before v2 comes by using Jquery inside the vue.js, But I've seen in the docs that vue.js isn't able to catch native events anymore. Any solution ?</p>