キー修飾子 #Vue.js

インプットボックスを作ってそこに文字を打ち込んだ（keyupにしているのでkeyが打ち終わってupしたらイベント）発動するようになっています。
今回はアラートを表示します。

<body>
  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
  <div id="app">
     <input type="text" v-on:keyup="myAlert">
</div>
<script>
  new Vue({
    el: '#app',
    methods: {
      myAlert() {
       alert('アラート');
      }
    }
  })
</script>
</body>

入力ごとにアラートが出ます。

次にエンターを押した時だけにする「キー修飾子」を設定します。

<body>
  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
  <div id="app">
     <input type="text" v-on:keyup.enter="myAlert">
</div>
<script>
  new Vue({
    el: '#app',
    methods: {
      myAlert() {
       alert('アラート');
      }
    }
  })
</script>
</body>

次にスペースをキー修飾子に設定

<body>
  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
  <div id="app">
     <input type="text" v-on:keyup.space="myAlert">
</div>
<script>
  new Vue({
    el: '#app',
    methods: {
      myAlert() {
       alert('アラート');
      }
    }
  })
</script>