vue调用父组件方法后，刷新其它组件数据

要刷新其他组件的数据，可以通过以下几种方式来实现。

1. 使用Vue的事件总线：可以创建一个Vue实例作为事件总线，用于在组件之间传递事件和数据。在父组件中调用相应的方法后，可以通过事件总线触发一个自定义事件，其他组件可以监听该事件并执行相应的操作。

// 在main.js或者其他合适的地方创建事件总线
export const eventBus = new Vue();

// 在父组件中调用方法后触发自定义事件
methods: {
  callParentMethod() {
    // 调用父组件方法
    this.$parent.methodName();
    // 触发自定义事件
    eventBus.$emit('refresh-data');
  }
}

// 在其他组件中监听该事件并执行相应操作
created() {
  eventBus.$on('refresh-data', () => {
    // 刷新数据
    this.refreshData();
  });
}

2. 使用Vuex：Vuex是Vue的状态管理库，可以用于在组件之间共享和管理数据。通过在父组件中调用相应的方法并更新Vuex中的状态，其他组件可以监听该状态的变化并执行相应的操作。

// 在父组件中调用方法后更新Vuex中的状态
methods: {
  callParentMethod() {
    // 调用父组件方法
    this.$parent.methodName();
    // 更新Vuex中的状态
    this.$store.commit('updateData');
  }
}

// 在其他组件中监听Vuex中的状态变化并执行相应操作
computed: {
  data() {
    return this.$store.state.data;
  }
},
watch: {
  data() {
    // 刷新数据
    this.refreshData();
  }
}

3. 使用props和emit：父组件可以通过props将数据传递给子组件，在父组件中调用方法后更新props传递的数据，子组件可以通过emit触发一个自定义事件来通知父组件进行数据更新。

// 在父组件中调用方法后更新props传递的数据
methods: {
  callParentMethod() {
    // 调用父组件方法
    this.$parent.methodName();
    // 更新props传递的数据
    this.$emit('update-data', newData);
  }
}

// 子组件中监听父组件触发的自定义事件并执行相应操作
props: ['data'],
methods: {
  updateData(newData) {
    // 刷新数据
    this.refreshData();
  }
},
created() {
  this.$on('update-data', this.updateData);
}

以上是几种常见的刷新其他组件数据的方法，根据具体情况选择适合的方式进行实现。