[解決済み】vuexからストアの値を監視する方法は？

質問

を使っています。 vuex と vuejs 2 を一緒に使う。

私は、初めて vuex を見たいのですが。 store 変数が変化します。

を追加したい。 watch 関数は、私の vue component

今のところ、こんな感じです。

import Vue from 'vue';
import {
  MY_STATE,
} from './../../mutation-types';

export default {
  [MY_STATE](state, token) {
    state.my_state = token;
  },
};

に変更があるかどうかを知りたい。 my_state

を見るにはどうすればいいのでしょうか？ store.my_state を、Vuejs コンポーネントで使用できますか？

解決方法を教えてください。

コンポーネントのウォッチャーを使用して、状態の変化を監視するべきではありません。ゲッター関数を使用して、それをコンポーネント内にマッピングすることをお勧めします。

import { mapGetters } from 'vuex'

export default {
  computed: {
    ...mapGetters({
      myState: 'getMyState'
    })
  }
}

あなたのお店で

const getters = {
  getMyState: state => state.my_state
}

ストアに加えられた変更をリスニングできるようにするには this.myState をコンポーネント内で使用します。

https://vuex.vuejs.org/en/getters.html#the-mapgetters-helper