Vuex中解决不同模块命名冲突的问题namespaced: true

Vuex中解决不同模块命名冲突的问题namespaced: true

• 在模块中配置namespaced: true

• 当namespaced: true如何获取使用vuex中的数据？

state

//获取。不管为true为false
this.$store.state.home.number1
//辅助函数
...mapState({
    number1: state=>state.home.number1,
}),

getters

//获取
this.$store.getters['home/total']
//辅助函数
...mapGetters({
    total:'home/total'
})

mutations

//commit调用mutation更新
changeNumber1(){
   this.$store.commit('home/changeNumber1',this.number1);
}
//辅助函数
...mapMutations({
    changeNumber1: 'home/changeNumber1',
    changeNumber2: 'home/changeNumber2'
})

actions

//dispatch派发actions
changeNumber1Action(){
    this.$store.dispatch('home/changeNumber1Action',this.number1)
}
//辅助函数
...mapActions({
   changeNumber1Action: 'home/changeNumber1Action',
   changeNumber2Action: 'home/changeNumber2Action'
}),