How to deep clone the state and roll back in Vuex?
In Vuex I would like to take a snapshot / clone of an object property in the tree, modify it, and later possibly roll back to the former snapshot. Background: In an application the user can try out certain changes before applying them. When applying the changes, they should effect the main vuex tree. The user can also click «cancel» to discard the changes and go back to the former state. Example: state: { tryout: {}, animals: [ dogs: [ { breed: 'poodle' }, { breed: 'dachshund' }, ] ] } User enters »Try out« mode and changes one breed from poodle to chihuahua . She then decides either to