不建議這種調(diào)用方式。 這種調(diào)用方式對(duì)于他人來(lái)說(shuō)難以理解，難以調(diào)試和修改。

建議的做法是通過(guò)父子組件通信或者全局store的方式管理數(shù)據(jù)， 數(shù)據(jù)的改變?nèi)ビ|發(fā)方法的調(diào)用。

建議使用vuex

有兩個(gè)方式：

1. 將全局組件放在某個(gè)全局環(huán)境中，比如：

// bar.vue
{
  methods: {
    wishSign() {
    
    }
  },
  beforeCreate() {
    Vue.prototype.$bar = this;
  }
}

// detail.vue
{
  methods: {
    onClick() {
      this.$bar.wishSign();
    },
  }
}

這種方式使得組件依賴全局環(huán)境中的 $bar 變量。算是比較強(qiáng)耦合的一種結(jié)構(gòu)，不過(guò)通常來(lái)說(shuō)也不是太大的問(wèn)題，只要你不濫用。

2. 使用全局的事件總線

以前官方文檔介紹過(guò)，現(xiàn)在找不到了。大概方案是聲明一個(gè) Vue 實(shí)例作為全局事件總線，所有注冊(cè)偵聽(tīng)器都通過(guò)它來(lái)進(jìn)行：

// event.js
export const bus = new Vue();

// bar.vue
import {bus} from './event';
{
  methods: {
    wishSign() {
    
    }
  },
  beforeCreate() {
    bus.on('some-event', this.wishSign);
  }
}

// detail.vue
import {bus} from './event';
{
  methods: {
    onClick() {
      bus.$emit('some-event');
    }
  }
}

這樣結(jié)構(gòu)耦合程度更低。