千锋教育前端Vue3.0全套视频教程（Kerwin2023版，Vue.js零基础

vuex：

执行流程：vuex的执行流程分为同步和异步两种情况。

1，在同步情况下，我们将数据存储在state中， 然后通过Commit操作将state提交到Mutations中，并在Mutations中对state中的数据进行修改。注意Mutations是一个同步的操作，他会将state作为自己的第一个参数，然后将payload作为自己的第二个参数。

2，在异步的情况下，state数据就不能直接将数据提交到Mutations当中。而是要先通过Dispatch来向组件中分发Actions，然后，通过Actions操作来向Mutations提交state数据。

3，当我们需要获取state的信息时，可以通过getters方法来获取。语法为：$store.getters

为什么Mutations操作要是同步的为不是异步的呢？一，是为了保证vuex执行过程中状态的可预测性，在同步状态下，当一个Mutations被触发时，我可以确保state状态会立即改变。

二，同步的代码逻辑更容易理解和维护，异步代码的逻辑相较于同步代码更为复杂。