在VUE中如何监控VUX的状态刷新

VUX是VUE中进行状态管理的一个库，用于存放公共的一些属性和方法，例如一个负责系统的token有自己的刷新机制，这套刷新机制或许独立于每个页面的，但是在页面的接口请求中，几乎都需要携带token，这样看来两个相对独立的事件，或许会产生错序，即当页面进行网络请求时，token还没有刷出来，导致请求失败，那么如何在页面中监听VUX中的属性呢？VUE中监听的属性，通常放在watch中，而对VUX中的属性监听，是同样的，我们直接上代码看一下：

watch: {
    "$store.state.deviceCloundInfo"(val) {
      if (val.token != "" ) {
        this.getCookbookDetail(); // 当获取到token时，再进行接口请求
      }
    }
}