Vue.jsで「TypeError: undefined is not an object (evaluating 'l.$set')」エラー #JavaScript

Vue.jsで以下のchange~~メソッドを呼び出したところ・・・

App.Vue

data: () => {
    return {
        connect: {
          'connectStatus': '切断中',
        }
    }
},
methods: {
    changeConnectStatus: (status) => {
      this.$set(this.connect, 'connectStatus', status);
    },
}

コンソールに以下のエラーが出た。

TypeError: undefined is not an object (evaluating 'l.$set')

()=>ではなくfunctionにしよう

以下のようにすることで解決した。

App.Vue

changeConnectStatus: function(status) {
   this.$set(this.connect, 'connectStatus', status);
},