vue.js - Can I have two seperate state functions?

Question

For example, I hold my states in

state: initialState()

However, I reset this state with a button after some time. Is it possible to add another state that doesn't reset? I'd like to push the current state before reset to an array. So I could have a list of removed states in the history. How should I approach this?

Answer 1

Not sure if that's what you mean. But this might do the the trick:

state: initialState(),
stateHistory:[initialState()]

And then you can do this before resetting

stateHistory.push(JSON.parse(JSON.stringify(state))) // creates a deepy copy of your current state
resetState() // reset the state after storing old state