JavaScriptのthis

すごく…ハマる！

Arrow Functionにおけるthisは「Arrow Function自身の外側のスコープに定義されたもっとも近い関数のthisの値」となります

プラクティス

メソッドではない通常の関数においてはthisを使うべきではありません。

メソッドと関数の違い

JavaScriptではオブジェクトのプロパティが関数である場合にそれをメソッドと呼びます。

コールバック関数におけるthisはArrow Functionを使うことで分かりやすく解決できます

このような挙動をするため、「Arrow functionをここでは使うな」という説明を色んな所で見る

メソッド(例 plus: () => this.a++) を定義するためにアロー関数を使用すべきではないことに注意してください。アロー関数は、this が期待する Vue インスタンスではなく、this.a が undefined になるため、親コンテキストに束縛できないことが理由です