[vue,googlemapapi]google.maps.event.addListenerの中でdataオブジェクトに代入しても反映されない

method: {
  hoge_func() {
　　　〜〜〜
      google.maps.event.addListener(map, 'click', function () {
        this.data.hoge = event.latLng.lat()
        console.log(this.data.hoge) 
　　　　　// 値が返ってくる
　　　　　// でもDOMで再描画されない
　　　　　// というか抜けると元の値に戻っている?初期化されてる?
      })

　　　 // 例えばmethodに、ListenerAct1 (event, map, marker) {} を作っておく
      let Listenerfunc = this.ListenerAct1
      google.maps.event.addListener(map, 'click', function (event) {
        let ev = event
        Listenerfunc(ev, map, marker)
      })

　　　これならtemplateに反映される。methodの中で呼ばれたオブジェクトでthisはスコープが異なるから

詳しい人解説求ム