Vue刷新、跳转页面的数据保存方法： sessionStorage + Object.assign()

直接上代码

 跳页面时，保存当前Data的数据

  methods: {
// 一、
    // 跳转页面
    Goxxx () {
      // 保存当前页面上data数据
      sessionStorage.setItem('data', JSON.stringify(this.$data))
      this.$router.push('/XXX')
    } 
  },
// 二、
  // 如果不知道什么时候会跳转 就写在这个生命周期里面
  beforeDestroy () { 
    sessionStorage.setItem('data', JSON.stringify(this.$data))
  }

  刷新、返回加载数据

  created () {
    // 获取源数据
    let data = JSON.parse(sessionStorage.getItem('data'))
    // Object.assign方法 赋值 （目标对象， 源对象）
    Object.assign(this, data)
  },