VueJS：为什么计数器不会增加后增量，但适用于预增量

Question

在this fiddle中，为什么在调用increment()函数时计数器不会增加。已设置计数器以将后期分配增加到自身，因此在单击事件按钮（多次）后，计数器变量应递增。

• 注意： 如果我像这样预先增加而不是后增量，那么this.counter = ++this.counter;就可以了。

HTML

<div id="app">
   <h2>some text</h2>
   <p>{{ counter }}</p>
   <button @click="increment">Increment</button>      
</div>

VueJS

new Vue({
  el: "#app",
  data: {
    counter: 0
  },
  methods: {
    increment: function(){
        this.counter = this.counter++;
    }
  }
})