VueJS: почему счетчик не увеличивается при пост-инкременте, а работает при преинкременте

Question

В это скрипка , почему счетчик не увеличивается при вызове функции 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++;
    }
  }
})

Answer 1

Это не имеет ничего общего с VueJS.Это простая проблема префикса / суффикса.Посмотрите на этот код:

var test = 0;
console.log(test++);
console.log(++test);

Кроме того, вы можете сократить эту строку this.counter = this.counter++; до this.counter++, поскольку this.counter++; является сокращением для this.counter = this.counter + 1;