mutation和action的区别

184 阅读1分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第21天,点击查看活动详情

Mutation

概念:更改 Vuex 的 store 中的状态的唯一方法是提交 mutation,一条重要的原则就是要记住 mutation 必须是同步函数

实例:

image.png

调用:不能直接调用一个 mutation 处理函数,需要以相应的 type 调用 store.commit 方法:

image.png

调用传参:可以向 store.commit 传入额外的参数

Action

概念:Action 类似于 mutation,不同在于:

· Action 提交的是 mutation,而不是直接变更状态。

· Action 可以包含任意异步操作。

实例:

image.png

调用:

image.png