vuex在模块中getters和actions命名重复会冲突,用命名空间即可解决

        最近在做项目的时候,用了vuex的模块化模式,一开始没有什么问题 ,但是写到后面发现就出现问题了,打开控制台,发现这样的错误;百度之后发现是模块里面的getters方法的名字和根store里面的getters方法名字重复了。所以会报这样的错误,不仅仅是getters方法名字重复会报错,如果actions的名字也重复的话,那么这个action会执行多次,这就不是我们想要的效果了

vuex在模块中getters和actions命名重复会冲突,用命名空间即可解决

        那么要怎么处理呢?  其实很简单,用vue的命名空间即可

根  store.js

vuex在模块中getters和actions命名重复会冲突,用命名空间即可解决

order模块的js文件vuex在模块中getters和actions命名重复会冲突,用命名空间即可解决

在使用的时候加上你的注入的模块名称就行了,这样就不会出现错误了,也保证了每个模块之间的独立性。

vuex在模块中getters和actions命名重复会冲突,用命名空间即可解决