概要ブラウザのリロード時にストアに保持していたデータは破棄されてしまう。 ユーザの操作上リロードが許容すべきセッション情報や更新頻度の高くない情報は保持しておきたい場面がある。 vuex-persistedstateを利用する。(localForgeには対応していない) npm install vuex-persistedstate をした後、下記のように Store のプラグインとして定義する。 import Vue from "vue"; import Vuex from "vuex"; import createPersistedState from "vuex-persistedstate"; Vue.use(Vuex); export default new Vuex.Store({ state: { token: "", }, mutations: {}, getters: {
![[Vuex] ストア情報を永続化対応する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/b9f7b7cdbbd01db7b453e6210b362c6e50863056/height=288;version=1;width=512/https%3A%2F%2Fb.0218.jp%2Fimages%2Fogp%2F20180216115001.png%3Fts%3Dda92d8452b83631c89087c21ff6c400917e3d205)