[vue] vue 키 이벤트

1차적으로 up, down, press를 입력한 후

추가로 enter, left, right, esc 등 조합하여 사용할 수 있다

<input @keyup="printEvent('keyup')"       // 키보드의 키를 눌렀다 뗐을 때
       @keydown="printEvent('keydown')"   // 키보드의 키를 눌렀을 때
       @keypress="printEvent('keypress')" // 키보드의 키를 누르고 있을 때
       v-model="name" />

<input @keyup.tap="printEvent('keyup')"         // tap키를 눌렀다 뗐을 때
       @keydown.space="printEvent('keydown')"   // space키를 눌렀을 때
       @keypress.left="printEvent('keypress')"  // left 키를 누르고 있을 때
       v-model="name" />

data () {
  return {
    name: ''
  }
},
methods: {
  printEvent (val) {
    console.log(val)
  }
}