vue.js - vuex ストアで特定の状態が変化したときにイベントを発行する

Question

次の状態の Vuex ストアがあります。

state: {
    authed: false,
    id: false
}

コンポーネント内で、状態の変化を監視しauthed、AJAX 呼び出しをサーバーに送信したいと考えています。さまざまなコンポーネントで実行する必要があります。

を使ってみましたが、 or のどちらかが変わるstore.watch()と発火します。また、プロパティを指定できないという点でも異なります。私がこれをやろうとしたとき：idauthedvm.$watch

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

このエラーが発生しました：

[vuex] store.watch only accepts a function.

どんな助けでも大歓迎です！

Answer 1

コンポーネントに状態のゲッターを設定し、authedそのローカル ゲッターを監視するだけです。

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