Vue.jsでカウントアップされない

auです。

Vue.jsでカウントアップをする文を書いたのですが、うまく表記されませんでした。

変数を用意して、中身をalertでみましたが、しっかりとカウントされています。描画されていないようです。

コード(該当箇所だけ抜粋)

<template>
<button class="btn btn-primary" v-on:click="countUp">はい {{ count_number }}</button>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      count_number: 1
    }
  },
  methods: {
    countUp (content) {
      this.count_number++
      alert(this.count_numer)
    }
  }
}
</script>