shawmanz32na
shawmanz32na

Reputation: 1278

How ignore a portion of the Vuex store in the Vue.js devtools

I'm working on a project that has a large data model and stores much of it in the Vuex store. This is manageable when working with fresh developer environments, but once our app acquires lots of data, such as in a QA environment, the Vue.js devtools crash as soon as I switch to the "Vuex" area of the Vue.js devtools and select a mutation to see the state at that time.

Vue.js devtools crash

Amending our data model or state management mechanism is not feasible in the short term, so I'm looking for a way to be able to inspect the Vuex store in mature development environments and QA environments.

In general, the portion of the store that grows over time is not usually the area of the store that needs to be inspected, so I'd like to be able to tell the Vue.js devtools to "ignore" or "exclude" that section of the store somehow. My thought is that if the Vue.js devtools aren't watching, parsing, storing, and recalling the troublesome area of the store, the crashes won't happen. Can this be done? How?

If there's no way to "ignore" portions of the store, are there tips, tricks, or settings that would help make the Vue.js devtools not crash when loading large stores?

Upvotes: 1

Views: 403

Answers (0)

Related Questions