The Vuex Pane
The second pane is the “Veux” pane, where you can inspect and debug your data in your Vuex store, as well as inspect mutations
and actions
.
Following our state
example from Chapter 4: State Management With Vuex you can inspect the data in our Vuex store.
You cannot edit the data here, but it is very useful to visualize your data throughout your app. If you ever need to export your state tree in JSON format you can do that with the “export” button, or import new data with the “import” button.
Perhaps the most useful tool in the Vuex pane is to view how your state changes from different actions with the “Time Travel” feature.
Time Traveling
Although a bit of a “click batey” title, time traveling through your state is a very useful feature. By default, Vue.js DevTools records all of the changes in your state tree. You can easily disable this by clicking on the “Recording” button to the right...