vuex 中dispatch 和 commit 的用法和区别

Posted 2023-04-19

参考技术A dispatch：含有异步操作，例如向后台提交数据，写法： this.$store.dispatch('action方法名',值)

commit：同步操作，写法：this.$store.commit('mutations方法名',值)

在vue2.0中用dispatch和commit来调用mutations有啥区别

参考技术A 前言 我们称这些行为events(事件)，和响应callbacks(回调)。连续的事件流被称为event stream（事件流）。这些行为发生的速度不是我们能手动控制的。但是我们可以控制何时和如何激活正确的响应。有一些技术为我们提供精确的控制。本回答被提问者采纳 参考技术B dispatch和commit是vuex中调用方法的两种方式：
dispatch，异步调用，采用异步的方式调用vuex中的actions中的方法，常用来调用一些需要异步请求数据的一些方法等。/官方说法就是：Action 提交的是 mutation，而不是直接变更状态，Action 可以包含任意异步操作。mutation 必须同步执行这个限制，Action 就不受约束！我们可以在 action 内部执行异步操作，Action 通过 store.dispatch 方法触发。
commit，同步提交，采用同步的方式调用vuex中的mutations中的方法，一般用来同步更新vuex中state中的数据。/官方的说法就是：一条重要的原则就是要记住 mutation 必须是同步函数。更改 Vuex 的 store 中的状态的唯一方法是提交 mutation，”要唤醒一个 mutation handler，你需要以相应的 type 调用 store.commit方法。
详细了解的话，最好还是去官网看说明