Vuex系列之（六）Vuex Devtools

Vuex Devtools

由于Vue和Vuex都是由官方团队开发的，Vue的Devtools和Vuex的Devtools是合二为一的

组件页签、Vuex页签、事件页签

事件页签：观察自定义事件和全局事件总线中的事件

Vuex Devtools仅仅捕获mutations中的动作，actions中的动作是不会捕获的

context：actions中的上下文对象，考虑到了所有你可能会用到的数据，都给你了

​ dispatch：可能逻辑比较复杂，一个action处理的话代码太多，可以调用多个action进行分步处理

​ state：可能需要根据目前state中的值做一些判断

​ ...

既然context中给我们了state，可不可以直接在actions中就操作数据，不再往mutations中传了

​ 虽然能够修改成功，但会导致Vuex Devtools不可用，捕获不到数据的改变，因为Vuex Devtools只和mutations打交道。

业务逻辑可不可以直接在组件中写

​ 如果是特别复杂的业务逻辑，写在actions可以增强复用性，不管是哪个组件拿过来就可以用；如果直接写在组件中，代码冗余量太高。