在窗口上添加 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 事件？

原文由 Yukulélé 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您应该在组件的创建和销毁期间手动执行此操作

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

原文由 Jeff 发布，翻译遵循 CC BY-SA 3.0 许可协议