Just in case you find yourself in the awkward place of needing to know when the mouse moved out of an element ouside your element...
(Hint: Move the mouse. Or don't. I'm a demo, not your boss.)
Note: mouseout gets triggered when on a parent when moving onto a child, since you move out of the visible space of the parent.
<script> export default { methods: { onMouseOutOutside(e, el) { console.log("onMouseOutOutside"); console.log("Event:", e); console.log("Element mouse moved out of:", e.target); console.log("Element that watched warily:", el); } } } </script>