Thêm sự kiện Vue.js trên cửa sổ

Question

Vue.js cho phép áp dụng sự kiện trên yếu tố:

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

Nhưng làm thế nào để áp dụng sự kiện trên window đối tượng? nó không có trong DOM.

ví dụ:

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

trong ví dụ này, làm thế nào để lắng nghe sự kiện MouseMove trên window?

Answer 1

Bạn chỉ nên làm điều đó bằng tay trong việc tạo ra và phá hủy các thành phần

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