How to return an object to its initial state?

Question

JavaScript

Regular object in data in Vue.js

data() {
    return {
      info : {
        state1:10,
        state2:20,
        state3:30,
      }
    }
  }

In the course of work, the values ​​of the properties of the object change. How best to implement the ability to return the info object to its initial state.

Answer 1

function initialData () {
  return {
    info: {
      state1: 10,
      state2: 20,
      state3: 30
    }
  }
}

export default {
  data () {
    return initialData()
  },
  methods: {
    flush () {
      const data = initialData()
      Object.keys(data).forEach(key => {
        this[key] = initialData[key]
      })
    }
  }
}

Answer 2

initialState () {
this.info: {
state1: null,
state2: null,
state3: null
}
}

Call the method in the right place.
Nobody bothers to iterate over the object either