如何在Vue.js devtools中忽略Vuex存储区的一部分

我正在从事一个项目，该项目有一个大型数据模型，并将其大部分存储在Vuex存储中。在使用全新的开发人员环境时，这是可以管理的，但一旦我们的应用程序获取了大量数据，例如在QA环境中，只要我切换到Vue.js devtools的“Vuex”区域并选择一个变体以查看当时的状态，Vue.js devtools就会崩溃

修改我们的数据模型或状态管理机制在短期内是不可行的，因此我正在寻找一种能够在成熟的开发环境和QA环境中检查Vuex存储的方法

一般来说，随着时间的推移而增长的存储部分通常不是需要检查的存储区域，因此我希望能够告诉Vue.js devtools以某种方式“忽略”或“排除”该存储部分。我的想法是，如果Vue.js devtools不监视、解析、存储和调用存储区中的麻烦区域，那么崩溃就不会发生。这能做到吗？怎么做

---

如果无法“忽略”存储区的某些部分，是否有一些提示、技巧或设置可以帮助Vue.js devtools在加载大型存储区时不会崩溃？

我是否理解正确，您希望Vue Dev tools忽略数据，但仍在应用程序中保持其反应性？右上角有一个红色圆圈按钮。此按钮可以停止\开始记录每个突变以及该突变的所有状态。试着在你需要检查的突变之前开始记录，然后立即停止。通过这种方式，你只保存变异状态，而不使用大量资源。是的，我希望应用程序保持完全反应，是的，我希望Vue.js devtools记录每次变异前后的状态信息，但我只希望Vue.js devtools在存储对象部分的每次变异前后存储状态信息，不包括太大并导致Vue.js devtools崩溃的无趣部分。@elichen很酷，这是一个巧妙的技巧，但即使我只记录了一次变异，加载该变异的状态信息会使Vue.js devtools崩溃，因为该状态太大。理想情况下，我会记录发生的所有突变的一部分状态。在没有开发工具的情况下进行调试的一种棘手方法是将存储绑定到某个窗口变量，例如

window.\u store=store

，然后放置一个断点（或

调试器

语句）您要检查的位置，然后在休息时间查看控制台并检查

窗口。\u store

。我知道这是一个棘手的方法。但对于大型数据，当开发工具无法处理时，这会有所帮助