uniapp vuex 持久化插件

Uni-app 是基于 Vue.js 的跨平台开发框架，而 Vuex 是 Vue.js 基于状态管理的插件。如果您想要在 Uni-app 中使用 Vuex 持久化插件，可以使用 vuex-persistedstate 插件来实现。
vuex-persistedstate 是一个简单的 Vuex 插件，它可以将 Vuex 状态持久化到本地存储中，以便在刷新页面或重新加载应用程序时保留状态。以下是在 Uni-app 中如何使用 vuex-persistedstate 插件的步骤：

安装 vuex-persistedstate 插件

使用 npm 或 yarn 安装 vuex-persistedstate 插件，命令如下：
npm install vuex-persistedstate
登录后复制
或
yarn add vuex-persistedstate
登录后复制

在 Vuex Store 中配置插件

在创建 Vuex Store 实例时，将 vuex-persistedstate 导入并传递给 plugins 选项。例如：
import Vue from 'vue'
import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate'

Vue.use(Vuex)

const store = new Vuex.Store({
plugins: [createPersistedState()]
// ...其他的配置项
})
登录后复制

配置插件选项

vuex-persistedstate 插件还有一些自定义选项可供配置，例如：
const store = new Vuex.Store({
plugins: [
createPersistedState({
key: 'myVuex',
paths: ['user', 'cart'],
storage: window.sessionStorage
})
],
state: {
user: null,
cart: []
},
mutations: {...}
})
登录后复制
在这个例子中，我们传递了三个选项：

key：用于存储状态的键名，默认为 'vuex'
paths：要持久化的状态路径数组
storage：用于存储状态的存储引擎，默认为 window.localStorage

配置完毕后，您的 Vuex 状态应该会自动保存到本地存储中，并在刷新页面或重新加载应用程序时自动恢复。