Как вызвать функцию, изменющую данные из сбытия компонента?

Question

[Антон Антон]

https://jsfiddle.net/d918pasu/
первая кнопка меняет данные непосредственно в атрибуте (это работает), вторая - в функции-обработчике (документация), и это не работает.
почему внутри increment в качестве this объект window и как изменить пример, чтобы можно было менять данные в обработчике?

Answer 1

[Evgeny Kulakov]

Вы используете стрелочную функцию, она берет this из лексического окружения. Нужно вот так:

increment: function(num) {
            console.log(num, this);
            this.counter += num;
          }

Answer 2

[pantagruel964]

А то, что в консоли Unexpected token => вас не смущало?

methods: {
    increment: function(num) {
        console.log(num, this);
        this.counter += num;
    }
}

Comments

[Антон Антон]

это в каком браузере? в файрфоксе и хроме не ругается:

[Антон Антон]

работает. А почему?