Vuex中this.$store.commit()和this.$store.dispatch()区别是什么(vuex,开发技术)

时间:2024-05-05 12:11:05 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    Vuex%E4%B8%ADthis.%24store.commit%28%29%E5%92%8Cthis.%24store.dispatch%28%29%E5%8C%BA%E5%88%AB%E6%98%AF%E4%BB%80%E4%B9%88

两个方法其实很相似,关键在于一个是同步,一个是异步

当操作行为中含有异步操作,比如向后台发送请求获取数据,就需要使用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()区别是什么的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:类和对象的简单应用下一篇:

13 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18