挖坑指南:在vuex的多个module中的getters里存在相同的方法名,使用mapGetters会报错?

原文链接

前言

其实这个标题就是我们今天要谈论的话题。

开始

在vuex中有多个module是很正常滴,为了方便管理呢,我们有些module中使用了相同的名称。那么,在使用时,就会报错啦~

实践

其实在vuex的官网,已经为我们描述过啦~

vuex:https://vuex.vuejs.org/zh/guide/modules.html#%E5%91%BD%E5%90%8D%E7%A9%BA%E9%97%B4

接下来,我们看看如何在项目中使用它。

store/module/second.js

挖坑指南:在vuex的多个module中的getters里存在相同的方法名,使用mapGetters会报错?_第1张图片

store/index.js

挖坑指南:在vuex的多个module中的getters里存在相同的方法名,使用mapGetters会报错?_第2张图片

在页面中使用mapMutations

挖坑指南:在vuex的多个module中的getters里存在相同的方法名,使用mapGetters会报错?_第3张图片

在页面中使用mapGetters

挖坑指南:在vuex的多个module中的getters里存在相同的方法名,使用mapGetters会报错?_第4张图片

Ok,大功告成~

总结

嘘寒问暖 不如打笔巨款~

你可能感兴趣的:(挖坑指南,Vue)