Vue/Vuex - 状態データを保存しない

Question

私は、データのユーザ状態を維持するためにvuexモジュールを作成しました。それは次のようになります。

import Vue from "vue"; 

export default { 
    namespaced: true, 
    state: { 
    data: {}, 
    meta: {} 
    }, 
    mutations: { 
    setInitialUserData: function(user){ 
     state.data = user; 
    }, 
    setUserMeta: function(meta){ 
     state.meta = meta; 
    }, 
    }, 
    actions: { 
    setInitialData: function({commit}, user){ 
     console.log(user); 
     commit('setInitialUserData', user.user); 
     commit('setUserMeta', user.userMeta); 
    }, 
    }, 
    getters: { 
    getUser: (state) => state.data, 
    getUserMeta: (state) => state.meta 
    } 
} 

私はこのような私のコンポーネントでログイン時にデータを保存しようとしています：

this.$backend.post('/user/login', null, payload) 
     .then(response => { 
     this.$store.dispatch('auth/login', response.data.token); 
     this.$store.dispatch('user/setInitialData', response.data.user); 
     //this.$router.push('intranet'); 
     }) 
     .catch(error => { 
     //console.log(error); 
     }); 
    } 

私はここに来るデータ：

setInitialData: function({commit}, user){ 
     console.log(user); 
     commit('setInitialUserData', user.user); 
     commit('setUserMeta', user.userMeta); 
    }, 
    }, 

は次のようになりますこれは：

"user": { 
     "name": "John Doe", 
     "nice_name": "John", 
     "login_name": "John", 
     "email": "john@gmail.com" 
    }, 
    "userMeta": { 
     "department": "Administrasjon", 
     "region": "Oslo", 
     "industry": "Bane" 
    }, 

user:Object 
data:Object (empty) 
meta:Object (empty) 

Answer 1

あなたのミューテータに状態を渡していません：：10しかし、何もvuex状態を検査する上で、状態に保存されていない取得し、私は、ユーザーデータとユーザーメタ両方のために、空のオブジェクトを取得

mutations: { 
    setInitialUserData: function(state, user){ 
     state.data = user; 
    }, 
    setUserMeta: function(state, meta){ 
     state.meta = meta; 
    }, 
},