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