カウントボタンの書き方

Vue.jsでクリックすると数が増えていくカウントボタンの書き方をメモとして残しておこうと思います。

App.vue

<template>
  <div id="app">
    <button v-on:click="number += 1">ボタン</button>
    <h1>{{ number }}回</h1>
  </div>
</template>

<script>
export default {
  data: function() {
    return {
      number: 0 ,
    }
  },
};
</script>

以上です。