vue刷新全局变量保存不消失

vuex保存的变量会随着页面的刷新重新初始化，所以需要存入本地中

 

 加入红色代码部分，这里是获取值的时候如果没有拿到就从本地拿

state: localStorage.getItem("state") ? JSON.parse(localStorage.getItem("state")):

全局js(app.js)加入

 

 

mounted() {
      window.addEventListener('unload',this.saveState)
  },
  methods: {
    saveState(){
      localStorage.setItem("state",JSON.stringify(this.$store.state))
    }
  },

此时刷新，全局变量就不会跟着刷新了

另外这个是永久保存的，关掉浏览器也会保存，如果需要关闭浏览器就清楚数据，将localStorage改为sessionStorage