javascript - 在窗口上添加 Vue.js 事件

Question

Vue.js 允许在元素上应用事件:

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

但是如何在 window 对象上应用事件呢？它不在 DOM 中。

例如:

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

在这个例子中，如何监听 window 上的 mousemove 事件？

Answer 1

您应该在组件的创建和销毁期间手动完成

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