1. 程式人生 > >(vue.js)vue中引用了別的元件 ,如何使this指向Vue物件

(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物件 }) } }