vuex管理状態の更新ページはクリアされていないソリューションを維持します。


mutationファイル

import {
 RECEIVE_PUBLICHTIT
} from './mutation-types'
 
//           *
function storeLocalStore (state) {
 window.localStorage.setItem("publicTit",JSON.stringify(state));
}
 
export default {
 [RECEIVE_PUBLICHTIT] (state,{title}){
  state.publicTit = title
  storeLocalStore(state)
 }
}
publicTit属性を使用したコンポーネント

created(){
     localStorage.getItem("publicTit")&&
this.$store.replaceState(JSON.parse(localStorage.getItem("publicTit")))
   },
created()ライフサイクルで値取り操作を行う場合、初めてプロジェクトをロードしたと判断する必要がある場合、local StrageにはpublicTitの情報がないので、まず判断します。
構想を実現してvuexの中でpublicTitの状態とlocal Strageの中で一致を維持させます(local Strageの中から値を取ります)。
最適化版:
属性を呼び出すコンポーネントが必要です。

created(){
    //        localStorage           vuex                 localStorage 
    localStorage.getItem("publicTit") && this.$store.replaceState(Object.assign(this.$store.state,JSON.parse(localStorage.getItem("publicTit"))));
 
    //       vuex       localStorage ,      localStorage        ,beforeunload          
    window.addEventListener("beforeunload",()=>{
     localStorage.setItem("publicTit",JSON.stringify(this.$store.state))
    })
   }
以上のこのvuex管理状態の更新ページはクリアされていないままの解決策です。小編集が皆さんに共有する内容です。参考にしていただければと思います。よろしくお願いします。