来自组件的 Vuex 操作/突变

Question

Vue 应用程序有一个从多个组件调用的 vuex 操作/突变。

当我查看 Vue 开发工具时，我发现突变被多次调用。

有什么方法可以知道从哪个组件调用操作/突变？

Answer 1

不确定这对将来的人是否有帮助，但这是我在这种情况下使用 Vue 2 和 Vuex 的解决方法：

我不知道 Vuex 提供的参数可以帮助您回溯调用突变的组件，但我们总是可以以良好的旧时尚方式回溯：

1. 在突变上添加控制台，然后在浏览器开发控制台中的控制台调用之后添加断点，重新加载应用程序并多次单步执行该函数，直到您能够找到调用的来源或至少找到下一个调用的来源源码调用
2. 向生成调用的有效负载参数标识符添加一个允许您识别文件的标志就足够了。

希望这对以后的人有帮助，对于大型应用程序，点击次数可能比您预期的要多，但这肯定会起作用！