Vuex中this.$store.commit()和this.$store.dispatch()区别是什么
导读:本文共2564.5字符,通常情况下阅读需要9分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: this.$store.commit()和this.$store.dispatch()的区别两个方法其实很相似,关键在于一个是同步,一个是异步commit: 同步操作this.$store.commit('方法名',值)//存储this.$store.state.'方法名'//取值dispatch: 异步操作this.$stor... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。两个方法其实很相似,关键在于一个是同步,一个是异步
当操作行为中含有异步操作,比如向后台发送请求获取数据,就需要使用action的dispatch去完成了,其他使用commit即可.
commit
=> mutations
, 用来触发同步操作的方法.
dispatch
=> actions
, 用来触发异步操作的方法.
在store中注册了mutation和action
在组件中用dispatch调用action,用commit调用mutation
action.js
getter.js
mutation-types.js
mutations.js
index.js
v-header.vue
v-title.vue
App.vue
main.js
页面调用index.vue
运行进去index页面就可以看到公共头了
本文:
Vuex中this.$store.commit()和this.$store.dispatch()区别是什么的详细内容,希望对您有所帮助,信息来源于网络。