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