vuex-persistedstate 在uniapp使用

可以在uniapp中使用vuex-persistedstate来实现持久化存储，具体操作步骤如下：

1. 安装vuex-persistedstate：在uniapp项目中进入终端，执行npm install vuex-persistedstate --save命令进行安装。

2. 在store目录下创建一个plugins.js文件，将以下代码复制到文件中：

import createPersistedState from 'vuex-persistedstate'

export default ({store}) => {
  createPersistedState({
    key: 'uniapp-vuex',
    storage: {
      getItem: key => uni.getStorageSync(key),
      setItem: (key, value) => uni.setStorageSync(key, value),
      removeItem: key => uni.removeStorageSync(key)
    }
  })(store)
}

3. 在store目录下的index.js文件中引入plugins.js，并将其作为store的插件：

import Vue from 'vue'
import Vuex from 'vuex'
import plugins from './plugins'

Vue.use(Vuex)

const store = new Vuex.Store({
  plugins,
  ...
})

export default store

4. 至此，使用vuex-persistedstate实现持久化存储的配置已完成。在需要存储的state属性中添加@Persist注解即可。

例如，在store目录下的index.js文件中：

import {Persist} from 'vuex-persistedstate'

const state = {
  count: 0
}

const mutations = {
  increment (state) {
    state.count++
  }
}

const actions = {
  increment ({commit}) {
    commit('increment')
  }
}

export default {
  state,
  mutations,
  actions,
  plugins: [Persist('count')]
}

在以上代码中，通过@Persist('count')表示count属性需要进行持久化存储。

5. 至此，在uniapp中使用vuex-persistedstate实现持久化存储的配置已完成，可以在需要的地方进行使用。