V-onディレクティブを動的に表現 #Vue.js

<body>
  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
  <div id="app">
     <p>現在{{ number }}回クリックされています</p>
     <button v-on:[event]=countUp>カウントアップ</button>>
</div>
<script>
  new Vue({
    el: '#app',
    data: {
      number: 0,
      event: 'click'
    },
    methods: {
      countUp: function() {
        this.number += 1;
      }
    }
  })
</script>
</body>

省略記法１

<button @[event]=countUp>カウントアップ</button>>

省略記法２

<button @click=countUp>カウントアップ</button>>

    data: {
      number: 0,
      event: 'click'
    },

データ内のevent: 'click'は消してください。