src/App.vue

<script>
export default {
  methods: {

    onKeyupHandler(e) {
      if (e.keyCode === 13) { // 키보드 이벤트 객체에서 keyCode 속성 13은 Enter 키
        console.log('Enter!');
      }
    },

  },
}
</script>
<template>

  <input type="text" @keyup="($event) => onKeyupHandler($event)" />

</template>

앞의 코드에서 keyup 이벤트는 이벤트 객체를 사용해 Enter 키 입력을 확인합니다. 이 방법도 나쁘진 않지만, 뷰에서 몇 가지 이벤트에 한해 제공하는 수식어를 사용하면 코드가 훨씬 간단해집니다. 이런 수식어 중에서 .enter가 키보드 이벤트와 결합해 Enter 키를 감지하는 역할을 합니다. 예제 코드를 .enter 이벤트 수식어를 사용하는 방식으로 바꾸면 다음과 같습니다.