vue單頁面應用刷新網頁后vuex的state數據丟失的解決方案

在app.vue入口組件中添加如下代碼，這樣就可以保證每次刷新頁面都可以觸發

export default {
  name: 'App',
  created () {
    //在頁面加載時讀取sessionStorage里的狀態信息
    if (sessionStorage.getItem("store") ) {
　　　　　　　//this.$store.replaceState()替換 store 的根狀態
        this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(sessionStorage.getItem("store"))))
    } 

    //在頁面刷新時將vuex里的信息保存到sessionStorage里
    window.addEventListener("beforeunload",()=>{
        sessionStorage.setItem("store",JSON.stringify(this.$store.state))
    })
  }
}