(vue.js)vue中引用了別的組件 ，如何使this指向Vue對象

Vue中引用了別的組件 ，如何使this指向Vue對象

 

今天學習Vue組件傳值, 通過創建Vue實例, 廣播和監聽實現傳值, 但是傳值之后無法直接將得到的值應用到Vue對象, 因為這相當於引用改了別的組件, this指向發生改變,所以通過以下辦法解決。

var _this = {}

export default {
    
    data(){
        return {
          msg: '11'
        }
    },
    beforeCreate(){
        _this = this;
      },
    mounted(){
          VueEvent.$on('to-news',function (data) {
             //改變msg的值
              _this.msg = data;
             //這里如果直接使用this, 指向的是VueEvent這個實例, 而不是外面的Vue對象
          })
      }
}