It seems that vanilla eventListeners don't work when referencing dom-objects inside vue-components.
Markup
<p id="test1">Hover this (works)</p>
<div id="app">
<p id="test2">Hover this (not working)</p>
</div>
JS
document.querySelector('#test1').addEventListener('mouseover', function() {
alert("HOVER1")
})
document.querySelector('#test2').addEventListener('mouseover', function() {
alert("HOVER2")
})
new Vue({
el: "#app"
})
Live-Example
https://jsfiddle.net/seltsam23/dq7euos0/
Is this behaviour intended? Are there any other limitations when combining vanilla-js with vue?