vuex模塊中使用namespaced之後的引用方法

store->index.js

export default new Vuex.Store({
  state,
  mutations,
  actions,
  modules: {
    user
  }
})
 

user.js

const state = {
  userName: 'ReSword'
}
const mutations = {
  //
}
const actions = {
  //
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
 

xxxx組件

import { createNamespacedHelpers } from 'vuex'

computed: {

const { mapState } = createNamespacedHelpers('user')

        ...mapState({
            userName: state => state.userName
        })

}

或者

import { mapState } from 'vuex'

computed: {

...mapState('user', {
            userName: state => state.userName
        })

}