vueの実践的な応用におけるvuexの永続性の詳細な説明

'vue' から Vue をインポートします
'vuex' から Vuex をインポートします
// import persistentState from 'vuex-persistedstate' を導入する
Vue.use(Vuex)
デフォルトの新しいVuex.Storeをエクスポートします({
  州： {
    数値: null、
    名前: ヌル
  },
  突然変異:
    getNum(状態、値) {
      状態.num = 値
    },
    getName(状態、値) {
      状態.name = 値
    }
  },
  //プラグインを設定する: [
    永続状態({
    	//デフォルトでは、localStorage がデータの固定に使用されます。SessionStorage も使用できます。設定は同じです: storage: window.localStorage,
      レデューサー(val) {
        戻る {
        // 状態: val.num に値 num のみを保存します。
          名前: val.name
        }
      }
    })
  ]
})

作成された(){
    this.$store.commit('getNum',3)
    this.$store.commit('getName','胡歌')
  },

<テンプレート>
  <div>
      {{$store.state.num}}
      {{$store.state.name}}
  </div>
</テンプレート>