Dodaj wydarzenie Vue.js na oknie

Question

Vue.js pozwalają zastosować zdarzenie na elemencie:

<div id="app"> 
    <button @click="play()">Play</button> 
</div> 

Ale jak zastosować zdarzenie na window obiektu? to nie jest w DOM.

na przykład:

<div id="app"> 
    <div @mousedown="startDrag()" @mousemove="move($event)">Drag me</div> 
</div> 

w tym przykładzie, jak słuchać mouseMove zdarzenie na window?

Answer 1

Trzeba tylko robić to ręcznie podczas tworzenia i niszczenia komponentu

... 
created: function() { 
    window.addEventListener('mousemove',this.move); 
}, 
destroyed: function() { 
    window.removeEventListener('mousemove', this.move); 
} 
...