没有办法触发组件挂载钩子，甚至在不挂载它的情况下设置它的状态。同样，你不能挂载下一个路由组件，同时保持渲染前一个路由组件。
我的建议是将一个集中式存储连接到每个子组件（您也可以只通过存储标识符独立地连接到它）。这样您就可以在安装组件之前填充存储，然后再连接到它。
现在，您只需要一种方法来告诉路由器守卫在导航到特定路由之前要填充哪个存储。我建议在路由元数据中设置此信息，例如，创建一个VUEX名称空间数组，在该数组上应该触发特定的操作。

router.beforeEach(async (to, from, next) => {
  if (to.meta && to.meta.childStores) {
    // setting a loading flag in a global vuex module to trigger the loader
    store.commit("setLoading", true);
    // Dispatching the actions in each vuex module required for this route 
    for (let s of to.meta.childStores) {
      await store.dispatch(`${s}/fetchData`);
    }
    // disabling the loader after all requests have finished and proceeding to the next route
    store.commit("setLoading", false);
    next();
  }
  store.commit("setLoading", false);
  next();
});

您可以通过一个最小的工作示例来查看这个Codesandbox。