本文介绍了Vuex中Mutation和Action的区别与配合使用。Mutation方法通常用于变更状态，而Action则用于处理复杂逻辑并可以调用Mutation。开发者工具主要跟踪Mutation，显示页面数据变化的时间线。禁止某个时间点的Mutation会连带影响后续依赖的操作。下载图标代表合并历史操作，便于专注于特定方法观察。虽然在Action中直接修改状态不会报错，但不推荐，因为这将导致开发者工具失去作用。
要点
但是最好,有逻辑判断就写在actions里面因为可以实现复用,而且逻辑一复杂也可以实现
方法为大写说明显示的是mutation的方法
也就验证了图中开发者工具只和mutation有联系,
绿条显示的就是你页面当前显示的数据最新的
然后后面还有一个小时钟,代表的就是时间线，当点击发现页面的数据也变成了那时候的数据了
这个禁止符号表示把这个时间点不要了
注意：
相当于这三个JIA方法,之后的JIA是依赖于之前的JIA生成的所以如果把前面JIA禁止掉的话后面的JIA也就和这个JIA都一起消失了
然后这个像下载的按钮
表示点了之后，之前的所有方法和这个JIA合并并放在在base里面
有利于屏蔽不想看到的方法,去观察想去观察的方法
发现base state中的sum变成了3
因为它与三个加一合并了变成了3
注意点：
为什么context里面不止commit里面还有dispatch还有state等等
因为如果只有commit的也就是actions只能通过commit然后到了mutation环节
dispatch：
如果你的代码业务逻辑非常复杂,就可以通过dispatch再传到另一个actions的方法里面,进行逻辑的分步骤
state就是要对数据进行逻辑判断
然后就会有一个问题既然再actions里面能拿到state那么,直接再actions进行mutation操作可以吗
发现没有报错，功能也实现了 但是最好不要这么写,因为这么写开发者工具就失效了！！！因为之前说过开发者工具只和mutation有联系
扫一扫
815
到【灌水乐园】发言
