Vuex中mutations与actions的区别

浪里小韭菜

于 2022-05-12 15:44:00 发布

阅读量50

点赞数

CC 4.0 BY-SA版权

文章标签：前端 javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_38828542/article/details/134052220

本文详细介绍了 Vuex 中的状态管理库中 mutations 和 actions 的区别与用法。mutations 负责同步更新 store 数据，通过 commit 调用，通常在 actions 内部使用。而 actions 则允许异步操作，通过 dispatch 调用来触发，常在组件内执行。actions 不直接修改数据，而是通过 commit 触发 mutations 方法来实现状态变更。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如题：

// 1、mutations的方法，使用commit调用，一般在actions中执行，只能同步操作
this.$store.commit('SET_NAME');

/*
* 2、actions中的方法调用，使用dispatch调用，一般在组件中执行，可以异步操作，
* actions中不可直接修改store数据，需要commit触发muttations中的方法
*/ 

this.$store.dispatch('setName')