vuex: 알 수 없는 getter: 사용자

vuex: 알 수 없는 getter: 사용자

vuex로 실험 중인데 다음과 같이 끝낸 vuex 파일을 정리할 수 있는 가장 좋은 방법을 찾고 있었습니다.

/src/store/user/state.js:

export default {
  state: {
    user: null
  }
}

/src/store/user/getters.disc:

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

/src/store/user/syslog.syslog:

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

/src/store/user/actions.module

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

/src/store/user/index.module

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.filename:

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

각 사용자 관련 파일은export default즉, 이러한 파일을 Import 할 때 내보낼 객체 전체에 이름을 붙입니다.state,getters,기타.

그래서, 그 범위 내에서index,그state변수에는 다음과 같은 속성이 있습니다.state,그getters변수에는 다음과 같은 속성이 있습니다.getters그리고 이건 물건을 벗어던지는 거야

를 내보낼 필요가 있습니다.const대신 다음 각 파일에 대해 수행합니다.

export const state = {
  user: null,
}

그런 다음 Import할 때 grab the name(이름 붙이기const다음과 같이 합니다.

import { state } from './state'

---

또는 의 속성을 삭제할 수도 있습니다.state,getters각 파일의 , 등:

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

그런 다음 이미 하고 있는 것처럼 Import합니다.

import state from './state' 

언급URL : https://stackoverflow.com/questions/44046642/vuex-unknown-getter-user