vuex 中 this.$store.dispatch() 與 this.$store.commit()方法的區別

this.$store.dispatch() 與 this.$store.commit()方法的區別總的來說他們只是存取方式的不同,兩個方法都是傳值給vuex的mutation改變state
this.$store.dispatch() ：含有異步操作，例如向后台提交數據，寫法：this.$store.dispatch(‘action方法名’,值)
this.$store.commit()：同步操作，，寫法：this.$store.commit(‘mutations方法名’,值)

commit: 同步操作   用於用戶登錄退出頁面時操作

存儲 this.$store.commit('changeValue',name)
取值 this.$store.state.changeValue
dispatch: 異步操作

存儲 this.$store.dispatch('getlists',name)
取值 this.$store.getters.getlists