vueX模块化，在其中一个文件(模块)的action方法里面调用另外一个文件(模块)action里的方法

本文章主要是记录vueX模块化，在其中一个文件(模块)的action方法里面调用另外一个文件(模块)action里的方法过程中所遇见的问题 

1. 我是下载的element admin UI基础版 先看目录结构 

2.其实我是要在登录成功的时候传值给globally.js  的 menuHover 来修改全局的颜色

 

  globally.js是我自己创建的模块 其他的都是框架的模块

 

 

 通过寻找1文件里面的2方法 修改3的值来改变4的状态

2. 通过user.js 登陆成功， this.dispatch('globally/abycolor', '#995321', { root: true }); 

    网上其他的都不带this 我之前看网上的例子dispatch('globally/abycolor', '#995321', { root: true });  结果总是成功不了 这是一个VUE指向性问题下面再说

 特别注意的是dispatch('globally/abycolor', '#995321', { root: true });  这里的路径是文件模块名/+action方法名  因为在模块里面定义了命名空间 

 

 

 namespaced: true,  如果  namespaced: false, 则不需要前面的模块名称

 

 

 

this.dispatch('globally/abycolor', '#995321', { root: true });    三个参数  1.文件路径  2. 传值参数  3.{ root: true } 表示不是同一个模块的