如何让Vue路由器守卫等待Vuex？

// store.js
const store = new Vuex.Store({
  state: {
    isReady: false // 标志位，表示是否已经完成了需要等待的操作
  },
  mutations: {
    setIsReady(state, value) {
      state.isReady = value;
    }
  }
});

// SomeComponent.vue
methods: {
  async fetchData() {
    // 设置标志位为false，表示需要等待
    this.$store.commit('setIsReady', false);

    // 执行需要等待的操作，例如异步请求
    const response = await axios.get('/api/data');

    // 操作完成后，设置标志位为true，表示已经完成
    this.$store.commit('setIsReady', true);

    // 处理返回的数据
    // ...
  }
}

// router.js
const router = new VueRouter({
  // 路由配置...
});

router.beforeEach(async (to, from, next) => {
  // 等待Vuex的isReady标志位变为true
  await new Promise(resolve => {
    const unsubscribe = store.watch(
      state => state.isReady,
      newValue => {
        if (newValue === true) {
          unsubscribe(); // 停止监听
          resolve(); // 解析Promise
        }
      }
    );
  });

  // 执行下一个导航步骤
  next();
});