vue實戰時遇見棘手問題

1. vue頁面刷新 store中狀態還原問題

//app.vue
 created() {
      sessionStorage.getItem("componentState") && this.$store.replaceState(Object.assign(this.$store.state,JSON.parse(sessionStorage.getItem("componentState"))));
      window.addEventListener("beforeunload",()=>{
        sessionStorage.setItem("componentState",JSON.stringify(this.$store.state))
      })
    },

2. Vue實例在其他js文件中引用調用
我在main.js中引用other.js ，然後通過other中的方法設置取vue的實例other.set(vue);
後續開發中發現一個問題，在我刷新頁面之後，vue實例變成空的，其實vue在創建實例的時候就開始渲染頁面，導致在其他other還 沒有設置vue實例；然後我就想到再創建根實例的時候就傳vue的實例給other

 export default {
    name: 'App',
    created() {
      this.$ajax.set(this);
    }
  }

果然 頁面刷新之後就還可以獲取vue的實例