一道vue2的简单面试题

<template>
  <div class="">
     {{ c }}
     <div @click="add">add</div>
  </div>
</template>

<script>
export default {
  beforeCreate () {
    this.c = 1
  },
  data () {
    return {
    }
  },
  mounted () {},
  methods: {
    add () {
      this.c++
      console.log(this.c)
    }
  }
}
</script>  

请问点击add后，页面上的c是多少，同时打印的c是多少？
A.1 2
B.1 1
C.代码报错
D.2 2