vuex中mutations和actions区别

mutations 用于同步操作，actions 用于异步操作。

1.什么是同步、异步？

• Mutations是同步的，这意味着在mutation中的函数执行时，不能包含任何异步操作，如Promise或者setTimeout等。这样可以保证状态变更的追踪和调试相对简单直观。
• Actions可以包含异步操作，它通过分发（dispatch）来触发，并且最终会提交（commit）一个mutation来变更状态。这使得actions成为处理例如API调用等需要等待响应的操作的理想选择。

2.直接修改state的方式

        Mutations可以直接修改state，但必须通过提交mutation的方式来进行，通常在组件中通过this.$store.commit('mutationName', payload)来调用。
        Actions无法直接修改state，它们的主要职责是执行异步操作，然后通过提交mutation来更改状态。在组件中，actions通过this.$store.dispatch('actionName', payload)来触发。

3.使用场景

mutations 适用于简单的状态变更，比如用户输入更新应用的状态。

actions适用于复杂的状态变更，特别是那些涉及到异步操作的情况，如数据获取，提交表单。