vue.js - 当 vuex store 中的特定状态发生变化时发出事件

Question

我有一个具有以下状态的 Vuex 存储:

state: {
    authed: false,
    id: false
}

在一个组件中，我想观察 authed 状态的变化，并向服务器发送一个 AJAX 调用。需要在各个组件中完成。

我尝试使用 store.watch()，但当 id 或 authed 更改时会触发。我还注意到，它与 vm.$watch 的不同之处在于您无法指定属性。当我尝试这样做时:

store.watch('authed', function(newValue, oldValue){
  //some code
});

我遇到了这个错误:

[vuex] store.watch 只接受一个函数。

感谢任何帮助!

Answer 1

只需在您的组件中为 authed 状态设置一个 getter 并观察该本地 getter:

watch: {
  'authed': function () {
    ...
  }
}