其他分享
首页 > 其他分享> > vuex 中 this.$store.dispatch() 与 this.$store.commit()方法的区别

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

标签:方法,dispatch,同步操作,commit,vuex,store
来源: https://www.cnblogs.com/nwy2012/p/16056422.html