vuex：不明ゲッター：ユーザー

Question

私はvuexを試していると私は私がこのような何かを終了し、私のvuexファイル整理するための最良の方法を模索していました：

/src/store/user/state.js：

を

export default { 
    state: { 
    user: null 
    } 
} 

/src/store/user/getters.js：

export default { 
    getters: { 
    user (state) { 
     return state.user 
    } 
    } 
} 

/src/store/user/mutations.js：

export default { 
    mutations: { 
    'SET_USER' (state, user) { 
     state.user = user 
    } 
    } 
} 

/src/store/user/actions.js

export default { 
    actions: { 
    loginUser ({ commit }, params) { 
     commit('SET_USER', {id: 1}) 
    } 
    } 
} 

/src/store/user/index.js

import state from './state' 
import getters from './getters' 
import actions from './actions' 
import mutations from './mutations' 

export default { 
    state, 
    getters, 
    actions, 
    mutations 
} 

/src/store/index.js：

import Vue from 'vue' 
import Vuex from 'vuex' 
import user from './user' 

Vue.use(Vuex) 

export default new Vuex.Store({ 
    modules: { 
    user 
    } 
}) 

コードをロードすると、エラーが発生してコンソールに戻ります。

vuex: unknown getter: user 

ユーザー関連のファイルの

Answer 1

それぞれは、あなたがそれらのファイルをインポートするとき、あなたは、getters、stateエクスポートされるオブジェクト全体を命名されることを意味し、export defaultを使用しているなど

ので、stateindexの範囲、で変数にはstateという名前のプロパティがあり、gettersにはgettersというプロパティがあります。これは物事を投げ捨てています。

あなたが代わりにこれらのファイルごとにconstをエクスポートする必要があります。

import { state } from './state' 

---

を別の方法として、あなただけの削除ができますので、のような名前のconstつかむインポートするときに

export const state = { 
    user: null, 
} 

とを各ファイルのstate,gettersなどのプロパティ：

その後、

// state.js 
export default { 
    user: null, 
} 

そして、あなたはすでにやっているようにインポートします。

import state from './state'