How to hang a keypress handler on document/window in Vue.js?

Question

Vue.js

I'm using Vue.js
It is necessary that when a certain key (or key combination), such as Del or Backspase, is pressed anywhere on the page, a press handler is called.
How can this be done with Vue.js?
Events like @keydown work, as I understand it, only in input fields.

Answer 1

Use addEventListener when instantiating the component:

methods: {
  onKeyDown(e) {
    ...
  },
  ...
},
created() {
  document.addEventListener('keydown', this.onKeyDown);
},

https://jsfiddle.net/jqr576oa/