vuex中持久化插件（刷新页面也不会初始化数据）--vuex-persistedstate

vuex-persistedstate

vuex是中大型项目中必不可少的状态管理组件，刷新会重新更新状态，但是我们有时候并不希望如此。例如登录状态，token等。

安装插件

npm i -S vuex-persistedstate

配置及使用

import createPersistedState from "vuex-persistedstate";
let store = new Vuex.Store({
  plugins:[createPersistedState()],
})
export default store

自定义存储方式

默认是使用localstorage来固化数据。

需要使用sessionstorage的情况（无痕浏览）：

plugins: [
    createPersistedState({ storage: window.sessionStorage })
]

需要时候cookie的情况：

import createPersistedState from "vuex-persistedstate";
import * as Cookies from 'js-cookie'

let store = new Vuex.Store({
  modules:{   // 引入模块
    cinema,
    tabbar,
    city
  },
  plugins:[createPersis