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
        })

}

 

你可能感兴趣的:(Vue)