<template>
  <div id="app">
    <h1>콘솔창 확인!</h1>
    <input 
      type="text"
      @keydown="handler"
      placeholder="@keydown">
    <br>
    <input 
      type="text"
      @keydown.enter="handler2" 
      placeholder="@keydown.enter">
    <br>
    <input 
      type="text"
      @keydown.a="handler2" 
      placeholder="@keydown.a">
    <br>
    <input 
      type="text"
      @keydown.ctrl.a="handler2" 
      placeholder="@keydown.ctrl.a">
  </div>
</template>

<script>
export default {
  methods:{
    handler(event){
      if(event.key === 'Enter'){
        console.log('Enter!!')
      }
    },
    handler2(){
        console.log('Enter')
    }
  }
}
</script>