vue vuex开发者工具的使用

要点 

 

但是最好,有逻辑判断就写在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有联系