vuex小白必看！解密xxx操作报错背后的秘密武器

错误原因

使用vuex做vue项目时，有可能遇到个警告”Error:[vuex]unknownactiontype:xxx”,这通常是因为你把动作或变化名搞混了。比如，你想执行”incrementCount”动作，结果实际用的是”incrementCounter”，那肯定报错。所以记住，在vuex里，动作名和变化名都要固定的。

要明白错在哪儿，看清哪部分代码出问题了，才能解决并让代码更好用。

// 定义action
const actions = {
  incrementCounter({ commit }, payload) {
    commit('INCREMENT_COUNTER', payload)
  }
}
// 调用action
this.$store.dispatch('incrementCount', 10)

解决方法

碰到”vuex客服报错不认账我们xxx操作”别急看看这几个简单招儿帮你轻松搞定。

（1）检查拼写和大小写：在打”type名字”时，别忘了把拼写和大小写都对好哈。就算是一点小错误也能让你头疼不已！

（2）别忘了righteousness这个点哦：行动和改变的时候，记得把需要的参数都带上！不然有时会出怪错哟~

（3）vuex的几个好帮手：大家别忘了viex那里可是有好多好用的能让我们省时省力的工具比如你想要在组件里搞点啥动作，别费劲去敲什么action，直接用$store.dispatch()就行了，简简单单效率高

快来学几个绝招，帮你轻松抓住代码中的Bug！不再头疼”Error:[vuex]未知动作类型:xxx”这类麻烦了！

开发者控制台调试

这些方法还是不行？别怕，开发者控制台调试器在这儿等你！有了它，各种报错信息一目了然。有时候一些奇怪的问题，这个小助手还能给你点儿启示，让你迅速找到问题所在。

// 正确调用action
this.$store.dispatch('incrementCounter', 10)

Vuex提示“Error:[vuex]unknownactiontype:xxx”的时候，别紧张。看看代码找找问题，想个解决方案就好！