vuexでuser情報をグローバルに使用するためのメモ

vueでコンポーネント間のデータ使用で、propsやemitを使いますが、
vuexを使って、どこでもデータを呼び出すことができます。
user情報の保持はよく使うので、忘れないようにメモ。

user情報を保存するための関数

src/store/index.js

 mutations: {
    user: (state, data) => (state.user = data),
  },
  actions: {
    setUserData: ({ commit }, data) => {
      commit('user', data)
    },
  },

ユーザー情報を保存

// ユーザー情報をVuexに保存する
  store.dispatch('setUserData', response.data)

ユーザー情報を呼び出す

this.user = this.$store.state.user