vue2 孙子调用祖父的方法，隔代方法相互调用

在Vue中，可以通过使用事件总线或者Vuex来实现隔代组件方法的相互调用。

1. 事件总线（Event Bus）：可以创建一个新的Vue实例作为事件总线，在祖父组件中定义方法并通过事件总线触发，然后在孙子组件中监听并调用该方法。

在祖父组件中：

// 创建事件总线
const bus = new Vue();

export default {
  methods: {
    grandfatherMethod() {
      // 在需要调用的地方触发事件
      bus.$emit('grandfather-method');
    }
  }
}

在孙子组件中：

export default {
  created() {
    // 监听事件并调用相应的方法
    bus.$on('grandfather-method', () => {
      this.grandsonMethod();
    });
  },
  methods: {
    grandsonMethod() {
      // 孙子组件的方法逻辑
    }
  }
}

2. Vuex：如果你已经在项目中使用了Vuex，可以将需要调用的方法放在Vuex的actions中，然后在祖父组件和孙子组件中都可以通过dispatch来触发该方法。

在Vuex的actions中：

export default {
  actions: {
    grandfatherMethod() {
      // 祖父组件的方法逻辑
    }
  }
}

在祖父组件中：

import { mapActions } from 'vuex';

export default {
  methods: {
    ...mapActions(['grandfatherMethod']),
    someMethod() {
      this.grandfatherMethod();
    }
  }
}

在孙子组件中：

import { mapActions } from 'vuex';

export default {
  methods: {
    ...mapActions(['grandfatherMethod']),
    anotherMethod() {
      this.grandfatherMethod();
    }
  }
}

这样，祖父组件和孙子组件都可以通过dispatch触发Vuex的actions中的方法，实现隔代方法的相互调用。