vuex防止数据刷新数据刷掉

replaceState

  • replaceState(state: Object)

替换store的根状态,仅用状态合并或者时光旅行调试

    // 在页面加载时读取localStorage里的状态信息
    if (localStorage.getItem('store')) {
      this.$store.replaceState(Object.assign({}, this.$store.state, JSON.parse(localStorage.getItem('store'))))
    }

    // 在页面刷新时将vuex里的信息保存到localStorage里
    window.addEventListener('beforeunload', () => {
      localStorage.setItem('store', JSON.stringify(this.$store.state))
    })

  

你可能感兴趣的:(vuex防止数据刷新数据刷掉)