使用vuex出现commit未定义错误如何解决


这篇文章主要介绍“使用vuex出现commit未定义错误如何解决”,在日常操作中,相信很多人在使用vuex出现commit未定义错误如何解决问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”使用vuex出现commit未定义错误如何解决”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!书写错误当然,这个错误不是你单词书写错误只要的原因是因为你的这个 方法里面没有 commit 这个方法为什么没有?其实它是有的,只不过在 context 里面你可能是直接写 commit(xxx)了首先我们先调用一下为什么是 dispatch ,因为你不是用 commit 了吗?这个就是在 actions 里面调用 mutations 里面的方法的然后就是代码:可以看到接受了一个参数,这个参数是它默认传的,你不能改变commit 在 context 里面,但是你是直接写正确调用的话可以这样来写:或者这样:我写了两个组件,准备练习Vuex的模块化这是Count模块(计数作用)的jsincrement方法触发后,由于逻辑十分简单我就直接给到了mutations让他加这是Person模块(添加人员作用)的jsadd方法触发后将信息封装成对象直接给到mutations,然后一个unshift新增即可然后这是storejs就这样,run起来后,触发increment(数字+) ==> 成功触发add(加一个人) ==> unkno免费云主机域名wn mutation type:ADD_PERSON于是我把$store捞出来,找到_mutations发现我的添加人员的add指向的的mutation 外面包了一层,完事我将这一层加上去,成功实现,然后我将Count的加上countAbout反而报错那么问题来了,为啥我两个模块的写法是一样,然后调用的模块的情况也是一样的(count.vue==>count模块,person.vue==>person模块),一个包了一个没包,于是我怀疑是引入顺序的问题,觉得第一个引入的模块不包,于是我将模块的引入,声明甚至组件的顺序都调换了顺序,然而并没有什么软用。。。于是我写了一个临时的test模块。分别copy Count,Person模块的js,然后我以为是命名的问题,因为我的两个模块的命名一个有下划线,一个没有下划线,于是:发现并不是于是我有写了两个测试模块 test demo发现除了count,其他都包了最后发现是我的count的开启命名空间namespaced的d忘了写到此,关于“使用vuex出现commit未定义错误如何解决”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注百云主机网站,小编会继续努力为大家带来更多实用的文章!

相关推荐: Vue下如何实现一个树形组件

这篇文章主要介绍“Vue下如何实现一个树形组件”,在日常操作中,相信很多人在Vue下如何实现一个树形组件问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Vue下如何实现一个树形组件”的疑惑有所帮助!接下来,请跟免费云主机域名着小编…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/06 20:33
下一篇 03/06 20:33

相关推荐