Using Vue Dev Tools and Testing Your SPA Chapter 12It also gives you several options to revert, commit, and time-travel to any point. Loading
the Dropbox app, several structure mutations immediately populate within the left-hand
panel, listing the mutation name and the time they occurred. This is the code pre-caching
the folders in action. Clicking on each one will reveal the Vuex store state – along with a
mutation containing the payload sent. The state display is after the payload has been sent
and the mutation committed. To preview what the state looked like before that mutation,
select the preceding option:
On each entry, next to the mutation name, you will notice three symbols that allow you to
carry out several actions and directly mutate the store in your browser:
Commit this mutation: This allows you to commit all the data up to that point.
This will remove all of the mutations from the dev tools and update the Base State
to this point. This is handy if there are several mutations occurring that you wish
to keep track of.